使所有列表项高度相同 - 引导

Question

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

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

但当产品名称为长文本时，同一行的三个垂直列的高度不同。希望该行具有最大 li 项的高度。我尝试了 display:table for li 但它没有修复它。
我需要对 css 进行哪些更改才能使其正常工作。

谢谢。

Answer 1

您可以使用 javascript 来动态均衡这些 h4，但我认为只需在它们上设置一个最小高度，就像我在您的示例中所做的那样：http://www.bootply.com/113898#

h4 {min-height: 100px;}

在响应式时，假设当您的列全部达到 100% 时，将您的 h4 设置为 min-height: none 以允许它们全部为文本使它们成为的任何高度。