Bootstrap columns pass two places

Question

I have a PHP page with several elements per page. I want three speakers on large monitors, but that’s what it does. One column just skips over two columns on the first page. He does not do this when there are four columns, but I want three.

There is no other style in the columns, so why does he do it?

Answer 1

Tanbi's suggestion fits the bootstrap guidelines, but if you don't want to add a .row div between div elements, you can use the css mentioned below

 .col-md-4:nth-child(3n+3) + .col-md-4{clear:both;} 

I'm not sure, but I think it works.

Answer 2

its element height. you can use line-separated divs as shown below.

 <div class="row"> <div class="col-md-4 col-sm-6 col-xs-12">...</div> <div class="col-md-4 col-sm-6 col-xs-12">...</div> <div class="col-md-4 col-sm-6 col-xs-12">...</div> </div> <div class="row"> <div class="col-md-4 col-sm-6 col-xs-12">...</div> <div class="col-md-4 col-sm-6 col-xs-12">...</div> <div class="col-md-4 col-sm-6 col-xs-12">...</div> </div>