如何讓排液正確居中？

Question

我有一個主要的流體包裹着由其他跨度和容器組成的整個腳手架。但是，我注意到它沒有正確對中。我不想改變中間span6的大小（事實上，它可能是一個不同的大小），我不想使用左填充或邊距偏移，因爲它不會允許頁面左對齊調整。

我怎樣才能讓它正確居中。

小提琴 - >http://jsfiddle.net/GwCkp/19/show/

基本支架是：

<div class="container"style="width: 1300px" > // <- need this fixed size for spacing 
    <div class="row-fluid"> // <-- row fluid that I need centered! 
    <div class="span2"> 
    ... 
    </> 
    <div class="span6"> 
     <div class="container-fluid"> 
      <div class="hero-unit"> 
      ... 
      </> 
      <div class="row-fluid"> 
      ... 
      </> 
     </> 
    <div class="span2"> 
    ... 
    </> 
    </div><!-- end row-fluid --> 
</div><!-- end container --> 

Answer 1

由於Twitter的引導具有12列格你的實際需要提供12列，系統將自動居中。所以解決方案很簡單，只需添加兩列丟失，一切都很好地集中。

基本上，這應該是你的佈局，通知第一span2之前和之後的最後我加<div class="span1"></div>：

<div class="container"style="width: 1300px" > // <- need this fixed size for spacing 
    <div class="row-fluid"> // <-- row fluid that I need centered! 
    <div class="span1"></div> 
    <div class="span2"> 
     ... 
    </div> 
    <div class="span6"> 
     ... 
    </div> 
    <div class="span2"> 
     ... 
    </div> 
    <div class="span1"></div> 
    </div> 
</div> 

而且這裏demo。