Bootstrap井 - 使用井達到某個元素或寬度

Question

我有4個跨越整個頁面的跨度，並希望應用前三個井。這將留下第一個3跨度，並給他們一個背景邊緣等...

我用結束了第四跨度之前的井div，但它仍然橫跨頁面移動第四跨度下面。是的，我可以將CSS應用於位置，但如果可能的話，要避免使用。見bootply - http://bootply.com/71961

 <div class="row-fluid"> 
     <div class="well"> 
          <ul class="thumbnails"> 
        <li class="span3"> 
        <div class="thumbnail searchthumb"> 
         <a href="#"><img alt="200x200" src="http://placehold.it/200x200"></a> 


        </div> 
        </li> 
        <li class="span3"> 
        <div class="thumbnail searchthumb"> 
         <a href="#"><img alt="200x200" src="http://placehold.it/200x200"></a> 

        </div> 
        </li> 
        <li class="span3"> 
        <div class="thumbnail searchthumb"> 
         <a href="#"><img alt="200x200" src="http://placehold.it/200x200"></a> 

        </div> 
        </li> 
        </div> 
        <li class="span3"> 
        <div class="thumbnail searchthumb"> 
         <a href="#"><img alt="200x200" src="http://placehold.it/200x200"></a> 

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

Answer 1

良好添加填充，所以你必須要小心你如何使用它，或者你可以打破電網，如你的榜樣happeing。

這裏有一個變化，這看起來很有希望：http://bootply.com/71967

你會看到

• 我創建持有新井格新span9柱（防止電網斷裂）
• 井內我使用嵌套的流體格
• 我已經將嵌套的列更改爲span4（它是一個嵌套的行流網格，所以他們增加到12）
• 在你的榜樣第四黎失蹤的UL父

好運