相关疑难解决方法(0)

Bootstrap行与不同高度的列

我目前有类似的东西:

<div class="row">
    <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>
    <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>
    <div class="col-md-4">Content</div>
</div>
Run Code Online (Sandbox Code Playgroud)

现在假设,content是不同高度的盒子,具有相同的宽度 - 我怎么能保持相同的"基于网格的布局",并且所有盒子彼此排列,而不是完美的线条.

目前TWBS将下一行col-md-4置于前三行中最长元素下面,因此每行项目完全对齐干净 - 虽然这很棒但我希望每个项目直接落在最后一个元素下("砌体"布局) )

html css responsive-design twitter-bootstrap bootstrap-4

68
推荐指数
2
解决办法
5万
查看次数

如果我连续放置12列以上会发生什么?

如果我连续放置12列以上会怎样?

Bootstrap文档中对此有任何解释吗?

twitter-bootstrap

3
推荐指数
1
解决办法
1131
查看次数