我的Bootstrap网格中有3个列,每个框都有多个行,每个行中都充满了来自数据库的数据。

一切都很好,直到到达row 13,然后我只得到一个盒子而不是3,然后在下一行回到3,直到第18行,我在一行上得到2。最后5行就可以了。

我试过固定行的容器的高度,我试过固定高度的表似乎没有用。

代码简单明了:

    <div class="container" >
       <div class="row" >
         <div class="col-md-4" >
           Content from database


所以看起来像这样:

    row 10 =  box  box  box
    row 11 =  box  box  box
    row 12 =  box  box  box
    row 13 =            box
    row 14 =  box  box  box
    row 15 =  box  box  box
    row 16 =  box  box  box
    row 17 =  box  box  box
    row 18 =       box  box
    row 19 =  box  box  box

最佳答案

要解决此错误,您应该为所有列设置固定高度:

<div class="col-md-4" style="height:150px">

关于css - 引导行错误,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24366310/

10-11 23:25
查看更多