Kolumny Bootstrap omijają dwa miejsca.

Question

Mam stronę PHP z kilkoma pozycjami na stronie. Chcę trzy kolumny na dużych monitorach, ale to właśnie robi. Jedna kolumna po prostu pomija dwie kolumny na pierwszej stronie. Nie robi tego, gdy są cztery kolumny, ale chcę trzy.

W kolumnie nie ma innego stylu, więc dlaczego to robi?

Answer 1

jej o elementy wysokości. można użyć wiersz klasyfikowane divs jak poniżej.

<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> 

Answer 2

Tanbi za propozycja jest dobra jak na wytycznych bootstrap ale jeśli nie chcesz, aby dodać .rowdiv między elementu div można użyć niżej wymienionych css

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

nie jestem pewien ale myślę, że to jest praca.