如何将 3x2 的网格更改为 2x3,而不会有一行结束另一行开始的空白空间?
例如:
<div class="row">
<div class="col-md-4 col-sm-6">
content
</div>
<div class="col-md-4 col-sm-6">
content
</div>
<div class="col-md-4 col-sm-6">
content
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6">
content
</div>
<div class="col-md-4 col-sm-6">
content
</div>
<div class="col-md-4 col-sm-6">
content
</div>
</div>
这是我想要实现的:
这个:
对此:
但我得到的是:
最佳答案
只需将它们全部放在一行中 - 它会自动结束。
<div class="row">
<div class="col-md-4 col-sm-6">
content 1
</div>
<div class="col-md-4 col-sm-6">
content 2
</div>
<div class="col-md-4 col-sm-6">
content 3
</div>
<div class="col-md-4 col-sm-6">
content 4
</div>
<div class="col-md-4 col-sm-6">
content 5
</div>
<div class="col-md-4 col-sm-6">
content 6
</div>
</div>
关于css - Bootstrap 3 - col-md-4 到 col-sm-6,或 3x2 到 2x3 的网格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29926617/