如何使用胡子模板正确布局bootstrap3 css网格？

Question

我正在尝试使用带有项目列表的简单胡子模板，并以3列的行显示它们。我面临的问题是如何将“行”逻辑放入模板（每3列，开始一个新行）。

这是我的模板：

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

Bootstrap似乎不喜欢我在行中插入太多列的事实。我在zurb的基础上做到了这一点，并且工作顺利。

那里的任何人都可以指出我正确的方向吗？

Answer 1

将所有col-md-4添加到同一行。 3x 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