css - 960px 宽度响应式引导容器导轨应用

Question

我正在使用 bootstrap 2.3.2 制作网站，并且我希望容器的最大宽度为 960 像素而不是 1200 像素。我知道在自定义页面上取消选中 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

为了保持响应性，请使用最大宽度而不是宽度。正如 Jarod Reyes 所指出的那样……在加载引导程序后，请确保包含这些样式。

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