使所有列表项具有相同的高度 - bootstrap

时间:2016-03-05 07:22:44

标签: css twitter-bootstrap twitter-bootstrap-3

我使用以下代码列出网格中的购物车项目。

http://www.bootply.com/113898#

但是当产品名称是长文本时,三个垂直列在同一行中具有不同的高度。希望行具有最大li项的高度。我试过显示:li表,但是没有修复它 什么css改变我需要使它工作。

感谢。

1 个答案:

答案 0 :(得分:0)

您可以使用javascript动态均衡这些h4,但我认为只需在示例中设置最小高度:http://www.bootply.com/113898#

h4 {min-height: 100px;}

在响应时,说每当你的列都达到100%时,将你的h4设置为min-height:none以允许它们全部为文本所构成的任何高度。