Bootstrap 缩略图对齐（水平）

Question

我将缩略图类添加到我的缩略图 div 中，这具有预期的效果。但是，一些缩略图的大小比其他缩略图小。我希望它们具有相同的高度，所以我给每个缩略图设置了 210 像素的高度，我认为现在看起来都一样，都水平对齐在一条线上。然而，设置高度有一种奇怪的效果，即通过向下延伸使较小的缩略图突出到对齐之外。我尝试通过在每个缩略图上设置 top: 0px; 的 css 属性来解决这个问题，但这没有任何区别。我怎样才能让我的所有缩略图都具有相同的高度并完全水平对齐？

Answer 1

最终通过在缩略图类中添加样式元素overflow: hidden; 解决了这个问题。

Answer 2

如果您使用的是引导程序，您是否尝试将每个图像放在其自己的列的 div 类中？如果您正在考虑响应式设计（这就是通常使用引导程序的原因），这可能会帮助您快速轻松地对齐。

http://getbootstrap.com/2.3.2/scaffolding.html，看看动态流体网格部分。