Twitter Bootstrap填充空白区域

时间:2012-12-21 08:23:56

标签: css twitter-bootstrap

我正在开发我的第一个Twitter Bootstrap项目,虽然几乎所有看起来都很好,但我找不到解决方案来填充行间跨度之间的空白空间。 所以假设我的第一行有3列(span4),其中2列的高度为200px,最后一行只有50px,我将在该元素下面得到一个150px的空白区域。 有没有机会让这些元素像f.e.一样浮动到顶部。 jQuery砌体或同位素?

1 个答案:

答案 0 :(得分:0)

继上面的笔记之后,这里是一个响应式CSS解决方案,基于为每列添加一个大的填充和一个同样大的负边距,然后将整行包装在一个隐藏溢出的类中。

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

.col-wrap{  
overflow: hidden;   
}

您可以在jsFiddle

看到它正常工作