bootstrap 3列布局，兩個側邊欄之前的主要內容

Question

使用Bootstrap，對於左側和右側側欄3列布局，我們不知道如何編輯CSS以將主要內容放在兩側邊欄之上，請告知如何謝謝。

我們嘗試下面的代碼，但不工作：

<div class="row"> 
    <div class="span6"> 
    main content 
    </div> 
    <div class="span3 pull-left"> 
    left bar 
    </div> 
    <div class="span3 pull-right"> 
    right bar 
    </div> 
</div> 

請告知如何做到這一點，謝謝。

Answer 1

編輯下面refered原來的問題的解決方案，它使用引導2

部分的解決辦法是在主要內容使用上拉對的，儘管這樣做單獨漂浮的主要內容到遠窗戶右側。

完整的解決方案是對主要內容和左欄也使用嵌套網格，以便包含右拉。

看到這個直播：http://jsfiddle.net/panchroma/mU2zu/

HTML

<div class="container"> 

<div class="row"> 

     <div class="span9"> 
      <div class="row"> 
     <div class="span6 pull-right">main content</div> 

      <div class="span3">left bar</div> 
      </div><!-- end nested row --> 
    </div><!-- end span9 --> 

     <div class="span3">right bar</div> 

    </div><!-- end parent row--> 

</div><!-- end container --> 

祝你好運！