960px 宽度响应式引导容器导轨应用答案

【问题标题】：960px width responsive bootstrap container rails app960px 宽度响应式引导容器导轨应用
【发布时间】：2014-06-05 05:26:48
【问题描述】：

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

【问题讨论】：

如何在应用程序中包含引导程序？一种更容易覆盖引导默认值的方法是使用“bootstrap-sass”gem。
您需要将那些新生成的bootstrap.css 和bootstrap.min.css 替换为您的应用程序中的那些。要么这样，要么您需要在自定义样式表中添加一些媒体查询以覆盖该功能。
我似乎在我的应用程序的任何地方都找不到 bootstrap.css

标签： css ruby-on-rails twitter-bootstrap

【解决方案1】：

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

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

【讨论】：

这将删除他想要的响应功能:)

【解决方案2】：

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

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

【讨论】：