使用twitter引导程序，如何使缩略图(如缩略图组件)具有相同的高度

Question

您可以在这里看到http://twitter.github.com/bootstrap/components.html#thumbnails在具有标题和描述的示例中，如果一个单元格的标题或描述比另一个单元格短或长得多，则块的整个高度将相应地减小或增加。

如何使这些块具有相同的高度？

我尝试在ul上设置display: table-row，在.thumbnail类上设置display: table-cell，但不幸的是，这完全影响了布局的响应性：块内的图像高度和宽度不再自动调整大小。

更新：在jsfiddle上设置该问题的演示http://jsfiddle.net/kwBuW/7/

Answer 1

也许您可以修复高度div，它有缩略图类。类似：

<div class="thumbnail" style="height: 400px;">

如果你想要每个内容都有相同的高度，我认为你必须编写一个JavaScript来修复它，当然是在DOM准备好之后。类似：

var max = 0, jThumbnails = $("ul.gallery div.thumbnail");
jThumbnails .each(function(index, elt){
max = Math.max(max, $(elt).height());
});
jThumbnails.setHeight(max);