我正在开发我的第一个Twitter Bootstrap项目,虽然几乎所有看起来都很好,但我找不到解决方案来填充行间跨度之间的空白空间。 所以假设我的第一行有3列(span4),其中2列的高度为200px,最后一行只有50px,我将在该元素下面得到一个150px的空白区域。 有没有机会让这些元素像f.e.一样浮动到顶部。 jQuery砌体或同位素?
答案 0 :(得分:0)
继上面的笔记之后,这里是一个响应式CSS解决方案,基于为每列添加一个大的填充和一个同样大的负边距,然后将整行包装在一个隐藏溢出的类中。
.col{
margin-bottom: -99999px;
padding-bottom: 99999px;
background-color:#ffc;
}
.col-wrap{
overflow: hidden;
}
您可以在jsFiddle
看到它正常工作