Cột Bootstrap bỏ qua hai địa điểm

Question

Tôi có một trang PHP với một vài mục trên một trang. Tôi muốn ba cột trên màn hình lớn nhưng đây là những gì nó làm. Một cột chỉ bỏ qua hai cột trên trang đầu tiên. Nó không làm điều đó khi có bốn cột, nhưng tôi muốn ba.

Không có kiểu nào khác trên các cột, vậy tại sao nó lại làm như vậy?

Answer 1

chiều cao phần tử khoảng của nó. bạn có thể sử dụng hàng được phân loại số div như sau.

<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

gợi ý Tanbi là tốt theo hướng dẫn bootstrap nhưng nếu bạn không muốn thêm .rowdiv giữa mục div bạn có thể sử dụng dưới đây đề cập css

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

Tôi không chắc chắn nhưng tôi nghĩ nó hoạt động.