bootstrap奇數的跨度 - 底部的7個縮略圖

Question

也許我在想這個..如何使用Bootstrap的網格有奇數個縮略圖。底部有7張縮略圖。我想用網格將它們排除在外。也許這是不可能的，應該只使用常規的CSS？

這裏是我的嘗試：

   <div class="row-fluid"> 
       <div class="span12"> 
       <ul class="thumbnails"> 
        <li class="span1"> 
         <div class="thumbnail"> 
          <img src="img/diningroom/1.jpg" alt=""> 
         </div> 
        </li> 
        <li class="span2"> 
         <div class="thumbnail"> 
          <img src="img/diningroom/2.jpg" alt=""> 
         </div> 
        </li> 
        <li class="span2"> 
         <div class="thumbnail"> 
          <img src="img/diningroom/3.jpg" alt=""> 
         </div> 
        </li> 
        <li class="span2"> 
         <div class="thumbnail"> 
          <img src="img/diningroom/4.jpg" alt=""> 
         </div> 
        </li> 
        <li class="span2"> 
         <div class="thumbnail"> 
          <img src="img/diningroom/5.jpg" alt=""> 
         </div> 
        </li> 
        <li class="span2"> 
         <div class="thumbnail"> 
          <img src="img/diningroom/6.jpg" alt=""> 
         </div> 
        </li> 
        <li class="span1"> 
         <div class="thumbnail"> 
          <img src="img/diningroom/6.jpg" alt=""> 
         </div> 
        </li> 

       </ul> 
       </div> 
       </div> 

Answer 1

您可以自定義引導列here（見@gridColumns）。