創建空間之間在Twitter的引導

Question

電網跨越我怎麼可以創造一些空間之間在Twitter的引導網格跨越？我正在使用邊距或填充，但他們都將最後一個網格跨度推到一條新線並打破布局。這裏是的jsfiddle：

http://jsfiddle.net/jUQEc/1/

而且，一些標記：

<div class="container-narrow"> 

     <h4 class="title">Featured Companies</h4> 

     <div class="row-fluid" id="posts"> 
     <div class="span6 post"> 
      <h4 class="title">Company Details</h4> 
      <div class="box"> 
      test 
      </div> 
     </div> 
     <div class="span3 post"> 
      <h4 class="title">Company News</h4> 
      <div class="box"> 
      test<br>test<br>testtest<br>test<br>testtest<br>test<br>testtest<br>test<br>test 
      </div> 
     </div> 
     <div class="span3 post"> 
      <h4 class="title">Company News</h4> 
      <div class="box"> 
      test<br>test<br>testtest<br>test<br>testtest<br>test<br>testtest<br>test<br>test 
      </div> 
     </div> 

     <div class="span4 post"> 
      <h4 class="title">Company News</h4> 
      <div class="box"> 
      test<br>test<br>test 
      </div> 
     </div> 

     </div> 

    </div> 

Answer 1

兩件事情：

您需要的container-fluid類添加到容器中。當你把屏幕這將使左/右頁邊距的機智。

添加box-sizing:border-box到.box類來告訴瀏覽器將所有填充和利潤由跨類中定義的寬度內。

最後，你必須在容器內而不是在一排/跨度頭標記。如果你把它包裝起來，你可能會得到更一致的渲染。

這裏是小提琴：http://jsfiddle.net/8RVx6/