Css 引导中缩略图的边距问题

我正在这样做：

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span12 well">
    <div class="row-fluid">
      <ul class="thumbnails">
        <?php 
          for($i=0; $i<count($rows); $i+=1){ // EVERY ODD BOOK STARTING AT 0
        ?>
        <li class="span4">
          <div class="thumbnail">
            <img src="http://placehold.it/320x200" alt="ALT NAME">
            <div class="caption">
              <h3><?php echo $rows[$i]['Title']; ?></h3>
              <p>Seller: <?php echo $rows[$i]['FirstName'] . " " . $rows[$i]['LastName']; ?> </p>
              <p>Email: <?php echo $rows[$i]['Email']; ?></p>
              <p>Phone: <?php echo $rows[$i]['PhoneNumber']; ?></p>
              <p>Condition: <?php echo $rows[$i]['BookCondition']; ?></p>
              <p align="center"><a href="#" class="btn btn-primary btn-block">Open</a></p>
            </div>
          </div>
        </li> 
          <?php
        }
      ?>   
      </ul>
    </div>
</div>

卖方：

电邮：

电话：

条件：

每当我有3个以上的项目时，缩略图就会偏离第二行的左边距

---

如图所示：

我想引导程序会为所有元素添加一个左边距，第一个元素除外。您可以添加如下样式：

ul.thumbnails li.span4:nth-child(3n + 4) {
  margin-left : 0px;
}

但请注意，这与旧的ie浏览器不兼容

---

另一种方法是在php循环中的每四个li中添加一个类（称之为

.noLeftMargin

，并相应地设置css。

在.thumbnails之前删除行div，这样就不需要额外的css。

还可以查看有关重置的引导文档

Bootstrap.com>CSS>Grids>responsivecolumn重置

---

大多数情况下，它可以通过Bootstrap的.clearfix类解决。我猜它是一个

左边距

。你可以使用

右边距

。请提供你的css代码，或者更好，创建一个确定的，确保选择这个答案作为对你有用的答案！是的，之后不会让我直接回答