【发布时间】：2012-06-02 01:22:24
【问题描述】：
是否可以让两个列数据长度不均匀的流体柱井高度相同？
【问题讨论】：
-
对不起！我发布后搜索就出现了
-
其实另一篇帖子是固定布局，该解决方案似乎不适用于流体列
标签： css twitter-bootstrap
【发布时间】：2012-06-02 01:22:24
【问题描述】：
这是一个响应式 CSS 解决方案，基于为每一列添加一个大的填充和同样大的负边距，然后将整行包装在一个隐藏溢出的类中。
.col{
margin-bottom: -99999px;
padding-bottom: 99999px;
background-color:#ffc;
}
.col-wrap{
overflow: hidden;
}
你可以在jsFiddle看到它工作
编辑
如果您想要等高的井或带圆角的柱子，可以选择一个变体：
http://jsfiddle.net/panchroma/4Pyhj/
编辑
另一个具有等高孔或圆角柱的变体，这次是 Bootstrap 3
http://jsfiddle.net/panchroma/D4xdE/
它或多或少与 Bootstap 2 相同，但进行了一些改进以适应现在 BS 列网格间距的变化。
【讨论】：
-
因为这只会使列变得非常大并隐藏“非常大”位，当列具有圆形边框时它不起作用，因为每列的底部都被隐藏了。
-
用 Bootstrap 3 也一样的效果怎么样？