有没有办法让Bootstrap Cols更自然地流动？

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

Answer 2

就像@aitnasser说的那样， Masonry 库是最好的开始，如果你想让Bootstrap以你喜欢的方式工作的话。

我个人最喜欢 Isotope 库，就像添加一样。如果您需要更多地依赖JQuery，那么您应该专注于JQuery的 Masonry 的专用实现。

我理解你的问题有点宽泛，所以随时可以提出任何可能出现的问题，或对此提出疑问。