Html Bootstrap跨距间的奇怪间隔

我正在使用一行来显示产品列表，以span9作为容器，每个产品都有一个span3大小，每行显示3个

但我看到一个奇怪的现象，有些跨度不是每行显示3

像这样：（）

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

希望有人能帮忙。

---

谢谢

您可以尝试使用索引的模块（%3）在跨度周围添加行。 所以你的函数应该是这样的：

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

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

while（$products as$key=>$product）{
//把产品信息放在这里
如果（$key%3=2）{
回声“；
}
}

您可能必须覆盖

类*=“span”

选择器

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

---

通过查看您的图像，问题似乎实际上是浮动未清除。请注意，灰色长袖衬衫（col 1，row 2）有四行描述，而其他所有内容都有三行描述。 使用Bootstrap，您需要使用div class=“row”包装每一组跨距。 另一种解决方法是应用一个清晰的：left；每四个跨度。 大概是这样的：

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

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

---

您的

标记似乎有一个

左边距：20px

…是的，但该边距并不能解决问题。谢谢，实际上我使用了您的想法，它已被修复。尝试过，但不是解决方案。不幸的是，我使用了php解决方案。