保证金的问题，在引导缩略图

Question

我这样做：

<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名以上的项目，缩略图获得通过什么看起来是在第二排左边距对齐..

见图片：

Answer 1

我猜想，引导增添了左旁的所有元素，除了第一个。你可以添加一个样式像这样：

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

但要知道，这是不是与旧的ie浏览器兼容...

另一种方式，你可以做到这一点，是一类添加到每个来回礼在你的PHP循环（称之为像.noLeftMargin，并设置相应的CSS。

Answer 2

.thumbnails之前删除的行格，你会不会需要额外的CSS。

Answer 3

还可以检查引导的文档上的复位。

Bootstrap.com> CSS>栅格>响应列重置

http://getbootstrap.com/css/#grid-responsive-resets

大部分可以引导的.clearfix类