跨度之间的Bootstrap奇怪的空间

Question

我正在使用一行来显示产品列表，其中span9作为容器，每个产品的span3大小为每行3个。

但是我正在观察一个奇怪的现象，有些跨度并没有显示每行3个。

喜欢这样：（see full size image）

引导版本是2.3.2，我正在使用响应功能。

希望有人可以提供帮助。 感谢

Answer 1

您可以尝试使用索引的模块（％3）在您的跨度周围添加行。 所以你的功能将是这样的：

while($products as $key => $product) {
    //Put product info here
    if($key%3 = 2){
        echo "</row><row>";
    }
}

Answer 2

您可能必须覆盖class*="span"选择器。

div [class*="span"] {
  margin-left: 0;
}

Answer 3

通过查看您的图像，问题似乎实际上是浮动而不是清除。请注意，灰色长袖衬衫（第1栏，第2行）有四行描述，而其他一切都有3行。 使用Bootstrap，您需要使用div class =“row”包装每组跨度。 另一种解决方法可能是应用一个明确的：左;到每四个跨度。 像这样：

.product-container .span3:nth-child(4n+4) { clear: left; }