css - Bootstrap 行错误

标签 css twitter-bootstrap

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

一切都很好,直到它到达 第 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 - Bootstrap 行错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24366310/

相关文章:

html - 如何调整 html 邮件程序中的图像大小以支持智能手机和 pc?

html - 为什么单击图标时导航栏不会折叠/展开?

twitter-bootstrap - Selenium webdriver click 与 action.click 有什么区别?

javascript - 定义一个使用 Bootstrap 类的自定义 css 类

html - bootstrap "container-fluid"和 "container-full"有什么区别?

php - 在 the_excerpt() 中插入一个链接;标签

html - 设置高度的构建网格

javascript - 当鼠标离开元素时,CSS 过渡过早结束

javascript - jQuery AJAX 调用不起作用,不知道为什么

javascript - 为 Angular JS 折叠 Bootstrap DIV 设置默认打开状态?