Question

我的循环中有以下div：

<div class="col-xs-12 col-sm-4 col-md-4">
   *all my mark-up*
</div>

所以它正在输出我的帖子，但它们有不同的高度，会产生不均匀的行。通常我会在每个x“div”之后添加以下col-*以清除它们：

<div class="clearfix visible-xs-block visible-sm-block"></div>

但是由于div是由循环输出的，我不能这样做，我不知道怎么做。

Answer 1

在列中添加min-height。

Answer 2

您可以使用:nth-child(3n+1)定位每一行的第一个块（第一行除外）。然后，您可以为该块提供clear:both属性，以便正确清除上一行。

我在这里使用了div:nth-child(3n+1) { clear: both }