如何一个接一个地将Bootstrap列对齐一个？

Question

是否可以一次一个地创建列，一个同时创建一个列？

以下是示例图片：

Answer 1

只有使用bootstrap，才有可能。但您可以使用第三方库，如砌体：http://masonry.desandro.com/

您可以将bootstrap的网格功能和砌体结合起来非常简单。

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

我也在我的一个项目中做过这个，而且效果很好。

Answer 2

您可以将row类替换为d-flex flex-wrap。

这应该有效，并且还可以使列保持响应状态。