如何折叠Bootstrap列？

Question

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

Answer 1

这个例子实际上在js小提琴环境之外工作。问题是@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;
}

你绝对可以进行一些优化，但只是让侧边栏包装器在底部部分之前出现正确的位置。唯一真正的缺点是你必须将侧边栏构建到主要内容中。