css - 有没有办法让 Bootstrap 列更自然地流动？

Question

目前我正在使用 BS3(还不能升级到 4，卡片看起来不错)而且我想不出让列正确流动的方法。我把所有东西都放在同一个“行”中，但它们没有“自然地”包裹——有没有办法做到这一点？这是我的意思的甜蜜绘画图，谢谢:

Answer 1

仅使用 bootstrap 无法做到这一点，但可以通过结合 bootstrap 的网格功能和 masonry 来做到这一点图书馆，你会有这样的东西

<div id="container">
  <div class="col-sm-4">...</div> // col instead of item
  <div class="item">...</div>
  <div class="item">...</div>
  ...
</div>

这是一个working demo