Bootstrap: Change or modify the behavior of card-columns ???

[poilozorey]

Hello.

Is it possible to change or modify the behavior of "card-columns" of bootstrap 4?

via card-columns, the cards are arranged in columns, but they are classified from top to bottom.

Is it possible to change this behavior and classify them from left to right ???

[ysds]

Hi @poilozorey, If you want to like this:

Unfortunately, probably no solution only CSS. Please see:
https://stackoverflow.com/questions/33891709/when-flexbox-items-wrap-in-column-mode-container-does-not-grow-its-width

[poilozorey]

Currently with card-columns the cards disposition is like this ...

Column one | Column two | Column three |
Card one   | Card four  | Card five    |
Card two   |            |              |
Card three |            |              |

I will want a "card-colums" with this disposition ...

Column one | Column two | Column three |
Card one   | Card two   | Card three   |
Card four  | Card five  |              |
           |            |              |

Its possible with card-colums (modify via css or jscript) ??
Its possible not with card-colums but with card-deck ??
Thx for more anwsers

[ysds]

Sorry, my above comment was wrong!

[mdo]

Card columns are built with the CSS3 column spec—if you need more control over their layout, use our grid system or an external JS library like Masonry.

[poilozorey]

Card columns are built with the CSS3 column spec—if you need more control over their layout, use our grid system or an external JS library like Masonry.

Sorry for my bad compression, but would you have an example (Boostrap 4 gray, CSSS3 or JS) to change the behavior of "card-columns" vertical in horizontal ?

[hgghyxo]

Still looking for a solution in this

[binbsr]

Out of the box solution would be great. Still depending on workarounds.

[hgghyxo]

Display flex is the solution