Bootstrap网格无法处理动态col

时间:2017-02-28 04:59:10

标签: twitter-bootstrap

我在while循环中有一些数据,它在col-md-12中生成数据但它没有按预期工作。

<div class="row">
while(...) {
<div class="col-md-4">
...
</div>
}
</div>

输出类似于

     <div class="row">
        <div class="col-md-4">
        ..
        </div>
        <div class="col-md-4">
        ..

    </div>
    <div class="col-md-4">
    ..
    </div>
    <div class="col-md-4">
    ..
    </div>
    <div class="col-md-4">
..
</div>
</div>

enter image description here

我不能将行放入while循环,否则3 col不会出现。解决这个问题的方法是什么?

由于

1 个答案:

答案 0 :(得分:0)

Bootstrap专栏正在这里工作。但这是另一个问题。

有'浮动:左;'在Bootstrap列中。这就是为什么制作相同高度的盒子非常重要。

所以只需确认所有盒子高度相同,您的问题就会得到解决。