如何摺疊引導列？

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

你可以絕對會讓一些優化，但僅僅有側邊欄包裝來的底部似乎有它落入地方正確了。唯一真正的缺點是，你不得不建立你的側邊欄到主要內容。