Bootstrap 4对齐浮动而没有clearfix

Question

但是，正如您所看到的，Bootstrap没有正确地将div框对齐在一起。有时盒子之间会有很多空白，我们怀疑是由clearfix引起的。

那么有什么方法可以让我们得到正确的“漂浮”。与每个与顶部具有相同间距的div盒对齐？但是，我们无法真正使用多行＆＃39;行的方法。因为我们正在使用VueJS的双向绑定来呈现页面，因此无法计算迭代次数。

编辑：Bootstrap grid with different image heights没有解决这个问题。

    @media (min-width: 768px) {
    .row > .col-md-6:nth-child(2n+1) {
        clear: left;
     }
    } 

没有解决问题，我们也不能使用clearfix类，因为foreach循环用于生成html。

Answer 1

尝试给你的class =“col-xs-6 col-sm-4 col-md-4 col-lg-3”设置最高div的高度。

Answer 2

我回答了similar question here。这是一个明确的问题。

您需要使用Bootstrap的clearfix重置或CSS来重置每X列的浮点数。