html - Bootstrap 列 float 问题。 DIVS 需要相同的高度

Question

我动态生成的内容形成了 3 个这样的 Bootstrap 列...

<div class="col-md-4">
  <div class="article">
  content goes here
  </div>
</div>

问题是，当列有不同的内容时，不同的高度会破坏布局。

如何在每 3 个元素之后强制开始一个清晰的行以避免这种情况？

所以基本上...

Answer 1

How can I force a clear row to be started after every 3 items to avoid this

添加一个类并尝试 .your-class:nth-child(3n) {clear: left;}