Bootstrap:当所有元素的高度不同时,会出现间隙

时间:2015-07-23 09:34:35

标签: css twitter-bootstrap

我正在使用Bootstrap在列中显示多个项目。在大多数情况下,这些项目的高度相同,因此它们以一系列整齐的行显示在页面上。但是,当这些项目中的一个或多个具有不同的高度时,它会在其下方的下一个项目之间留下间隙。

请看一下这个例子:http://jsbin.com/tedoqe/edit?html,output
如何减少数字(3)和数字(6)之间的差距?

我不会为显示的每一行使用单独的行,因为我希望它是一个响应式布局,在较大的显示器上每行显示更多项目,而在较小的显示器上显示较少的项目。 (我在示例中遗漏了相关的类以清楚地显示问题。)

1 个答案:

答案 0 :(得分:1)

这是完全正常的行为。要解决此问题,请尝试使用Masonry或类似内容。