如何使用bootstrap固定宽度布局为1170px宽度？

Question

我正在创建一个无响应的Bootstrap模板。因此Bootstrap中无响应设计的宽度为940px。但问题是，我被要求仅使用1170px的布局宽度。所以我想知道Bootstrap中是否有任何规定可以制作宽度为1170px的无响应布局？

Answer 1

看起来旧版本的Bootstrap确实使用了1170px，但它改为940px（Why is the Twitter Bootstrap "fixed" layout NOT fixed?）。如果你想使用最新的（2.3.1），那么最好的办法就是在CSS中覆盖.container ...

.container {
    width:1170px;
}

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

Answer 2

您可以在Customize Twitter Bootstrap页面中自定义网格列宽和网格装订线宽度。你需要增加宽度：

• @gridColumnWidth
• @gridGutterWidth

例如，如果你放置一个30px的@gridGutterWidth和70px的@gridColumnWidth，你将获得该总宽度，而不会破坏引导网格。

编辑：此外，如果你正在使用LESS o SASS修改这两个变量来实现它。