Bootstrap列正在破坏新的一行

Question

我遇到了与bootsrap列相关的问题 - 中等显示尺寸它们会突破新线，我无法弄清楚原因。

这是休息的形象。

我看到第4 div clear: left已应用，但为什么？据我所知，它应该是下一个div。

<div class="visible-xs clearfix"></div>适用于column resets

Here is the site，您可以自己查看此错误，只需在页面中间的横幅后向下滚动到产品。

提前感谢您的帮助。

Answer 1

似乎像bootstrap没有提供解决此问题的任何方法。

必须自己删除引导列重置（div.visible-xs.clearfix）并手动制作它们，就像claudios在评论中建议的那样：

@media (max-width: 970px) {
    .product-layout:nth-child(2n+1) {
        clear: left;
    }
}