twitter-bootstrap - 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

编辑下面的解决方案是指使用 Bootstrap 2 的原始问题

部分解决方案是在主要内容上使用 pull-right，尽管这样做会使主要内容浮动到窗口的最右侧。

完整的解决方案是对主要内容和左栏也使用嵌套网格，以便包含右拉。

现场观看：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 -->  

祝你好运！