我使用bootstrap设计了一个图像网格，使用360px正方形或360px高，720px宽的图像。出于某种原因，宽图像显示在行中较高。知道为什么会这样，以及如何解决它？
谢谢！
答案 0 :(得分：0)
图像不会显示在同一高度，因为它们的物理高度相同，因为它们会按照您的布局进行缩放。并且每列中的填充和列中的元素减少了图像可用的水平空间，当水平尺寸改变时，垂直尺寸也会改变（正确缩放图像）。
查看左/宽图像仅在单个列中，但右侧的2个图像在2列中。右侧的2个图像中的填充比左侧的填充多（填充量是填充的两倍，因为图像的数量是其两倍）。这是缩放每个的高度比左边的图像短。
我从.col-*类和.thumbnail中移除了填充，以显示如果删除这些内容，则图像会排成一行。
http://www.bootply.com/KacXrRCbYH
您可以通过多种方式解决此问题，但我认为需要由您决定哪种方式最适合您的布局。最简单的方法可能只是更改左侧图像的高度以考虑该填充。 720x341似乎是那里有效的分辨率。