如何制作自举网格系统元素,砌体风格?

时间:2016-05-17 17:25:42

标签: jquery html css twitter-bootstrap

我希望以这种方式使用bootstrap:

<div class="col-md-4">
    Content..
</div>
<div class="col-md-4">
    Content..
</div>
<div class="col-md-4">
    Content..
</div>
<div class="col-md-4">
    Content..
</div>
//And so on..

这些div正在动态添加。

我不知道是否有额外的课程我可以添加到div中以使它们成为砖石风格,但是对于一个视觉示例,这是我到目前为止所得到的:

bootstrap grid system non masonry style

以下是我要实现的目标:

bootstrap grid system masonry style

有没有人知道我可以添加哪些类来实现这种效果?

1 个答案:

答案 0 :(得分:1)

此链接可能对您有所帮助:http://www.bootply.com/118335 也试试这个

<div class="two-columns">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>
<div class="double-wide">
</div>
<div class="two-columns">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</div>

另外, https://designshack.net/articles/css/masonry/