全屏引导网格具有不同的大小

时间:2015-06-25 12:52:39

标签: html css twitter-bootstrap grid masonry

我试图创建一个不同高度(33.33%,66.66%或100%)和不同宽度(20%,40%,60%,80%,100%)的全屏自举网格。

问题是因为高差会出现间隙。

http://www.bootply.com/BXENv65tq8#

enter image description here

我已经找到了几个解决方案但是它们都没有像他们应该的那样正常工作:错误的边距,无法全屏,......

Masonry-style Layout ONLY with CSS

我的结果(来自最高评级的anwer):

enter image description here

1 个答案:

答案 0 :(得分:2)

在您使用的方式中,您无法获得第一个框中显示的结果。实现这种需要来组织div而不是行。

这里有example或许你可以提供帮助