引导跨度，行，列元素需要排列 [英] Bootstrap span, row, column elements need to line them up

问题描述

我是新来的，并且对Bootstrap如此歉意任何愚蠢。

I'm new here and to Bootstrap so apologies for any stupidity.

在Bootstrap中，我试图在一行2列以上显示 .span4 宽度，最终应该嵌套在一起，不留空间。然而，我目前所有的尝试，我仍然只能设法让每个 .span4 与我已经创建的最长span4的底线。该网站最终将是动态的，并且列表的大小可能会频繁更改。

In Bootstrap I'm trying to display .span4 in a row over 2 columns, this is because of page width, which should eventually nest into each other and leave no space. However with all I have tried at the moment I can still only manage to get each .span4 to lineup with the bottom-line of the longest span4 I have created. The site will eventually be dynamic and the size of the list could change frequently.

看过很多不同的问题，但还没有快乐。

Looked at many different questions on here but no joy yet.

我有一个例子 http://jsfiddle.net/joebarr/YJunh/

推荐答案

我想你正在寻找 jQuery Masonry 。请参见示例：如何浮动元素不同尺寸的图块或如何创建网格/图块使用CSS查看

I think you're looking for jQuery Masonry. See for example: How can I float elements with different size in a tile or How to create Grid/Tile View with CSS

如果它只能是CSS，则上面第一个链接的接受答案（ http://stackoverflow.com/a/15320187/1449799 ）显示了良好的近似。

In case it must be CSS only, the accepted answer for the first link above ( http://stackoverflow.com/a/15320187/1449799 ) shows a good approximation.

这篇关于引导跨度，行，列元素需要排列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！