BootStrap, multiple rows, multiple columns, different div heights lead to dislocation, how to solve

div 1 3412342

wp

May.26,2022

replace it with waterfall flow


I found an advanced method that solved it with pseudo-classes. The advantage of
is that there is no need to set a fixed width and height.
.col-md-4:nth-child (3n+1) {
ClearRanger leftkeeper
}
< div class= "row" >
< div class= "col-md-4" > < / div >
< br "br" > < / div class= > < / br > < / div class= >

No matter how much col is stacked, it won't deform.

Menu