Twitter bootstrap 3 如何使用小胡子模板正确布局bootstrap3 css网格?

Twitter bootstrap 3 如何使用小胡子模板正确布局bootstrap3 css网格?,twitter-bootstrap-3,mustache,Twitter Bootstrap 3,Mustache,我试图使用一个简单的小胡子模板和一个项目列表,并以3列一行的方式显示它们。我面临的问题是如何将“行”逻辑放入模板中(每3列,开始一个新行) 这是我的模板: <div class="row"> {{#listings}} <div class="col-md-4"> Item {{number}} </div> {{/listings}} </div> {{{#清单} 项目{

我试图使用一个简单的小胡子模板和一个项目列表,并以3列一行的方式显示它们。我面临的问题是如何将“行”逻辑放入模板中(每3列,开始一个新行)

这是我的模板:

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

{{{#清单}
项目{{number}
{{/listings}}
Bootstrap似乎不喜欢我在行中插入太多列的事实。我用Zurb做了这个,它没有任何障碍。
有人能给我指出正确的方向吗?

将所有col-md-4添加到同一行中。3x col-md-4 100%,下一个跳转到下一行。当col-md-4的高度不同时,这可能会给您带来麻烦,另请参见:和

谢谢Bass,它现在确实工作正常,可能我一开始的内容不均匀。只是想确定我没有犯明显的错误。巧合的是,也感谢您的typeahead fork,因为我也在使用它:)