如何使用Bootstrap製作響應式邊欄而不填滿整個屏幕？

Question

我正在嘗試使用bootstrap-side-navbar的代碼並在this demo之上建立。這幾乎是我需要的，但我希望它不會在桌面上佔滿整個屏幕。

的問題是，當我加入max-width到.container-fluid側邊欄的欄和內容的重疊，見截圖：

請告訴我一個好，反應靈敏，這個解決方案？

Answer 1

更換容器，液體集裝箱，並添加以下CSS

#content { 
    position: relative; 
    width: calc(100% - 120px); 
    float: right; 
} 

我計算寬度由css calc財產，但仍然必須編寫媒體查詢來處理不同的屏幕布局。