Twitter bootstrap 如何使用1170px宽度的引导固定宽度布局?

Twitter bootstrap 如何使用1170px宽度的引导固定宽度布局?,twitter-bootstrap,Twitter Bootstrap,我正在创建一个无响应的引导模板。因此,Bootstrap中非响应设计的宽度为940px。但这里的问题是,我被要求只使用1170px的布局宽度。因此,我想知道Bootstrap中是否有任何规定用于制作1170px宽度的非响应布局?看起来旧版本的Bootstrap确实使用了1170px,但它已更改为940px()。如果你想使用最新版本(2.3.1),最好的办法是覆盖CSS中的.container .container { width:1170px; } 示例:您可以在的页面中自定义格线列宽

我正在创建一个无响应的引导模板。因此,Bootstrap中非响应设计的宽度为940px。但这里的问题是,我被要求只使用1170px的布局宽度。因此,我想知道Bootstrap中是否有任何规定用于制作1170px宽度的非响应布局?

看起来旧版本的Bootstrap确实使用了1170px,但它已更改为940px()。如果你想使用最新版本(2.3.1),最好的办法是覆盖CSS中的.container

.container {
    width:1170px;
}

示例:

您可以在的页面中自定义格线列宽和格线槽宽。您需要增加以下内容的宽度:

  • @网格列宽度
  • @格槽宽度
例如,如果将
@gridGutterWidth
设置为30px,将
@gridColumnWidth
设置为70px,则在不破坏引导网格的情况下,将获得该总宽度


编辑:另外,如果您使用较少的o SAS,请修改这两个变量以实现这一点。

是否调整了.span1。span12类宽度以适应容器内部?是的,它仍然会调整这些宽度,因为通常有一个Bootstrap 3固定宽度解决方案: