encountered a problem:

<div class="row"> <div class="col-lg-4 col-md-4 col-sm-4"> </div> <div class="col-lg-4 col-md-4 col-sm-4"> </div> <div class="col-lg-4 col-md-4 col-sm-4"> </div> <div class="col-lg-4 col-md-4 col-sm-4"> </div> </div>

in theory, .row should be filled with blocks from left to right, even if there is an overflow, as in this case. But it looks like this: http://take.ms/OJVhE

1 answer 1

You have the first block higher than the second and third, there is only enough space in the line for three blocks, so the fourth one is torn down to a new one and “hooked” to the first one. Set the same height for all blocks, this will solve your problem.

  • thanks, it's enough to use clearfix - griff92