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父

好运