css - Twitter Bootstrap 填充空白空间

Question

我正在开发我的第一个 Twitter Bootstrap 项目，虽然几乎所有项目看起来都不错，但我找不到一个解决方案来填充跨行之间的空白空间。因此，假设我的第一行有 3 列（span4），其中 2 列的高度为 200 像素，最后一列只有 50 像素，我将在该元素下方获得 150 像素的空白空间。有没有机会让这些元素像 fe jQuery masonry 或 isotope 一样浮到顶部？

Answer 1

除了我上面的注释之外，这是一个响应式 CSS 解决方案，它基于为每列添加一个大的填充和同样大的负边距，然后将整行包装在一个隐藏溢出的类中。

.col{  
margin-bottom: -99999px;
padding-bottom: 99999px;
background-color:#ffc;
}

.col-wrap{  
overflow: hidden;   
}

你可以看到它在 jsFiddle工作