css - How do I make card-columns order horizontally? -

i have smart-scrolling list of cards, , while love of card-columns, pretty frustrating orders top bottom, so: 1 4 7 2 5 8 3 6 9

this vertical ordering seems useless content loads more few items. if have 50 items, of least important ones @ top!

i've tried variations using flexbox, couldn't work. have horizontal ordering working?

as documented, order of css columns top bottom, left right order of rendered columns be..

1  3  5 2  4  6 

there no way change order of css columns. it's suggested use solution masonry. https://github.com/twbs/bootstrap/issues/17882