Html CSS div位置,用于杂志式主题
我正在使用TwitterBootstrap3作为CSS框架。基本上我有2行3列文章 选择1 第一种方法是使用下面的代码(框架),我能够完全遵循样本设计(列中的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">
<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谢谢你的链接。它起作用了!