如何使用1170px寬度的bootstrap固定寬度佈局？

Question

我正在創建一個無響應的Bootstrap模板。因此Bootstrap中Non-responsive設計的寬度是940px。但這裏的問題是，我被要求只使用1170px的佈局寬度。所以我想知道Bootstrap中是否有任何規定用1170像素寬度製作非響應式佈局？

Answer 1

看起來老版本的Bootstrap確實使用了1170px，但它被改爲940px（Why is the Twitter Bootstrap "fixed" layout NOT fixed?）。如果你想使用最新版本（2.3.1）的最好的事情將覆蓋.container在你的CSS ...

.container { 
    width:1170px; 
} 

例子：http://www.bootply.com/60156

Answer 2

您可以自定義表格列寬以及Customize Twitter Bootstrap頁面中的網格排水溝寬度。你需要增加的寬度：

• @gridColumnWidth
• @gridGutterWidth

例如，如果你把30像素的@gridGutterWidth和@gridColumnWidth的70像素，你會做到這一點總寬度，不破壞引導網格。

編輯：此外，如果您使用較少的SASS修改這兩個變量來完成。