如何折叠 Bootstrap 列？

Question

如何将侧边栏折叠在两个部分之间，如下图所示？

Answer 1

这个例子实际上是在 js fiddle 环境之外工作的。问题是 @media 查询在这种环境下没有生效，所以浮动就搞砸了。

http://jsfiddle.net/v38q68h2/12/

<div class="col-md-8" id="a">
    A
</div>
<div class="col-md-4 pull-right" id="b">
   B
</div>
<div class="col-md-8" id="c">
    C
</div>

#a{
    background: black;
    padding: 10px;
}
#b{
    background: blue;
    padding: 10px;
}
#c{
    background: red;
    padding: 10px;
}

您当然可以进行一些优化，但只需将侧边栏包装放在底部之前似乎就可以正确放置。唯一真正的缺点是您必须将侧边栏构建到主要内容中。