html - Bootstrap span, row, column 元素需要对齐

标签 html css twitter-bootstrap

我是 Bootstrap 的新手,对于我的愚蠢行为深表歉意。

在 Bootstrap 中,我试图在超过 2 列的一行中显示 .span4,这是因为页面宽度,它们最终应该相互嵌套并且不留空间。然而,尽管我目前已经尝试过所有方法,但我仍然只能设法让每个 .span4 与我创建的最长 span4 的底线对齐。该网站最终将是动态的,列表的大小可能会经常变化。

在这里看了很多不同的问题,但还没有高兴。

我在这里有一个尝试的例子 http://jsfiddle.net/joebarr/YJunh/

最佳答案

我认为您正在寻找 jQuery Masonry .参见示例:How can I float elements with different size in a tileHow to Create Grid/Tile View with CSS?

如果它必须仅是 CSS,上面第一个链接 ( https://stackoverflow.com/a/15320187/1449799 ) 的可接受答案显示了一个很好的近似值。

关于html - Bootstrap span, row, column 元素需要对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17200918/

相关文章:

javascript - 在网站中添加 Whatsapp 和其他通讯工具的共享(联系)按钮

jquery - 去掉div,这样谷歌就看不到768px以上了

javascript - 通过Javascript访问CSS计算变量

html - Bootstrap 4 - 导航栏扩展中缺少填充

html - 为什么我更具体的 CSS 样式没有覆盖 Bootstrap?

javascript - HTML5 视频滚动到 View 后即可播放。

html - 使用选取框标签连续滚动滚动图像

html - 创建未知高度的 CSS 箭头

javascript - 如何在悬停时禁用闪烁 Action - CSS3

html - flex 属性不适用于 safari