Css Boostrap 3流体网格布局问题；长物品会导致堆放问题

这与和非常相似，但砖石和同位素的选项虽然有吸引力，但不是一个选项，因为我必须保持元素的顺序

从链接的问题中，我已经使用clearfix类应用程序向前移动了一段相当长的路，如图所示。clearfix div未插入，因此它们更加突出

我还发现，如果像我的情况一样，只使用一些列大小（xs、md、lg），就会出现不希望的结果。这需要clearfix还指定可见的sm，或者，当视口达到“小”大小时，clearfix不再可见，并且出现问题的堆叠再次出现

---

应用它们很简单，因为这是一个真实世界的嘶嘶声问题，但它似乎是反干燥的。有没有一种更干净的方法让我做到这一点，减少clearfix标签的重复？让浏览器（CSS）计算clearfix应该应用在哪里的一些方法？

您可以使用手动方法，根据每个断点的元素数创建行。例如：

如果一行仅包含2个元素：

@media(max-width: @screen-tablet){
    // create rows (clearfix)
    .col-xs-6:nth-of-type(odd){ clear:left; }
}

或者如果您的行包含4个元素

@media(min-width: @screen-tablet) and (max-width: @screen-desktop){
    // create rows (clearfix)
    .col-sm-4:nth-of-type(3n+1){ clear:left; }
}

---

等等

没有解决方案能让它们保持相同的高度，并隐藏溢出，或者用jquery解决方案使它们的高度相等。