如何使用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修改这两个变量来完成。