Html CSS div位置,用于杂志式主题

Html CSS div位置,用于杂志式主题,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我正在使用TwitterBootstrap3作为CSS框架。基本上我有2行3列文章 选择1 第一种方法是使用下面的代码(框架),我能够完全遵循样本设计(列中的div将位于下面),但如果我使用这种方法,很难与后端集成 <div class="row"> <div class="col-sm-4"> <div class="row"> <div class="col-md-12">

我正在使用TwitterBootstrap3作为CSS框架。基本上我有2行3列文章

选择1 第一种方法是使用下面的代码(框架),我能够完全遵循样本设计(列中的div将位于下面),但如果我使用这种方法,很难与后端集成

<div class="row">
    <div class="col-sm-4">
        <div class="row">
            <div class="col-md-12">
                <div class="post">
                    ...
                </div>
            </div>
        </div>
        <div class="row">
             <div class="col-md-12">
                <div class="post">
                    ...
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-4">
        <div class="row">
             <div class="col-md-12">
                <div class="post">
                    ...
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-4">
        <div class="row">
             <div class="col-md-12">
                <div class="post">
                    ...
                </div>
            </div>
        </div>
        <div class="row">
             <div class="col-md-12">
                <div class="post">
                    ...
                </div>
            </div>
        </div>
    </div>
</div>


...
...
...
...
...
备选案文2: 因此,我尝试使用这种方法,但我无法消除2个分区之间的差距。请帮助

<div class="row">
    <div class="col-md-12">
        <div class="row">
            <div class="col-sm-4">
                <div class="post">
                    ...
                </div>
            </div>
            <div class="col-sm-4">
                <div class="post">
                    ...
                </div>
            </div>
            <div class="col-sm-4">
                <div class="post">
                    ...
                </div>
            </div>
            <div class="col-sm-4">
                <div class="post">
                    ...
                </div>
            </div>
            <div class="col-sm-4">
                <div class="post">
                    ...
                </div>
            </div>
        </div>
    </div>
</div>


...
...
...
...
...

看看类似或的插件,你能创建一个吗?你考虑过使用类似的东西吗?@haxxxton谢谢你的链接。它起作用了!