Bootstrap縮略圖對齊（水平）

Question

我將縮略圖類添加到了我的縮略圖div，它具有預期的效果。但是，其中一些縮略圖的尺寸比其他尺寸縮小。我希望他們有相同的高度，所以我給每個縮略圖210px的高度，認爲現在看起來相同都水平排列在一行中。但是，設置高度有一個奇怪的效果，即通過下面的方式將較小的縮略圖突出到對齊外面。我試圖通過在每個縮略圖上設置top: 0px;的css屬性來解決此問題，但這沒有任何區別。我怎樣才能讓我的所有縮略圖達到相同的高度並且水平地完全對齊？

Answer 1

如果您使用引導，您是否嘗試將每個圖像放在它自己的div類中用於列？如果您完全想到響應式設計（這就是爲什麼通常使用引導程序），這可能會幫助您使它們非常快速和輕鬆地對齊。

http://getbootstrap.com/2.3.2/scaffolding.html，看看流體網格部分。

Answer 2

該問題最終通過向縮略圖類添加樣式元素overflow: hidden;得以解決。