bootstrap 3列布局，两个侧边栏之前的主要内容

使用Bootstrap，对于左侧和右侧侧栏3列布局，我们不知道如何编辑CSS以将主要内容放在两侧边栏之上，请告知如何谢谢。bootstrap 3列布局，两个侧边栏之前的主要内容

我们尝试下面的代码，但不工作：

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

请告知如何做到这一点，谢谢。

来源

2013-01-25 user2010614

编辑下面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 -->

祝你好运！

来源

2013-02-13 23:31:05

你的小提琴使用引导程序的v2.2.2从那时起，标记发生了很大变化，问题与v3 – tcnarss

@tcnarss有关，我明白了关于标记变化的观点，但如果你检查这个问题的时间表，在1月份，我在2月份的第一个Bootstrap 3 RC版本发布之前的5个月回答了问题。该问题最初是针对boostrap 2，然后在以后更改 –

由于编辑而恢复了我的downvote！只是以为这是令人困惑的。 – tcnarss

bootstrap 3列布局，两个侧边栏之前的主要内容

回答

相关问题