Twitter Bootstrap - 流体柱的高度相同

Question

是否有可能使两个具有不均匀柱数据长度的流体柱孔具有相同的高度？

Answer 1

这是一个响应式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现在如何划分列网格的变化.