如何避免/删除 .row 中的空白 space

Question

这是我第一次使用 Prestashop，我遇到了一个奇怪的问题，即项目没有按正确的顺序流动。 second/third行通常有一些白色的space。

请在网站上查看示例： https://lascelta.eu/13-vitello

每个产品都是div跟class="item col-xs-12 col-sm-6 col-md-4"在.row div, however，还是出现这个问题

Answer 1

因为你在col-md-4class上有这个款式。只需删除它，它应该可以正常工作。

.col-md-4 {
    width: 33.33333333%;
}

Answer 2

前2个div高度是413px。
第三个只有411px.
所以你需要 clear: both; 每 3 件 md 尺寸，每 2 件 sm :

@media (min-width: 992px) {
    .item:nth-child(3n + 1) {
        clear: both;
    }
}
@media (min-width: 768px) and (max-width: 991.99px) {
    .item:nth-child(2n + 1) {
        clear: both;
    }
}

如何避免/删除 .row 中的空白 space

How to avoid / remove blank space in .row

javascript

css

prestashop