960px宽度响应式bootstrap容器导轨应用程序

Question

我正在使用bootstrap 2.3.2创建一个网站，我希望容器的最大宽度为960px宽而不是1200px。我知道在customize页面上取消选中1200px宽容器选项将不包括在CSS中，但是我现在的问题是将其重新实现到我的rails应用程序中。我不确定引导程序文件的位置或如何替换它。有什么建议？提前致谢。

Answer 1

bootstrap使用类.container来设置网格的宽度。因此，您希望通过将其添加到包含引导样式后包含的自定义样式表（mystyles.css）来覆盖引导样式：

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 960px;
}

Answer 2

要保持响应性，请使用max-width而不是width。正如Jarod Reyes指出的那样......在加载bootstrap之后一定要包含这些样式。

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    max-width: 960px;
}