如何正確使用小鬍子模板佈局bootstrap3 css網格？

Question

我正在嘗試使用一個簡單的小鬍子模板和一列項目，並將它們顯示在3列的行中。我面臨的問題是如何讓「行」邏輯進入模板（每3列，開始一個新行）。

這裏是我的模板：

<div class="row"> 
    {{#listings}} 
     <div class="col-md-4"> 
      Item {{number}} 
     </div> 
    {{/listings}} 
</div> 

引導似乎並不喜歡，我推太多的列到該行的事實。我通過zurb完成了這個基礎，並且工作順利。

任何人都可以指出我在正確的方向嗎？

Answer 1

將您所有的col-md-4添加到同一行。 3倍col-md-4 100％，下一個跳到下一行。當你的col-md-4的身高不一樣時，這可能會給你帶來麻煩，另請參閱：How can I create multiple rows using semantic markup in Bootstrap 3?和Change overflow mode in small devices on Twitter Bootstrap 3.0