我正在尝试使用 bootstrap-sass (2.1.0.0)用于响应式设计的 Ruby on Rails 3.2.8 站点。这是我第一次尝试使用 Rails 或 Bootstrap 进行响应式设计。

问题是我的一些(但不是全部)CSS 样式与适当的选择器相匹配。具体来说，我应用的自定义样式，比如说 .navbar-fixed-top在 custom.css.scss 中出现在我编译的 custom.css 样式表和在浏览器中呈现的页面上。但是，.navbar-fixed-top 的响应式 Bootstrap 样式出现在已编译的 custom.css 中(根据 Chrome 的检查器)，但不会出现在浏览器中呈现的页面上。

如果在 custom.css.scss 中，我更改 @import "bootstrap-responsive";回到默认 @import "bootstrap"; , .navbar-fixed-top 的 Bootstrap 样式出现在呈现的页面上。该问题似乎与响应能力有关。

我无法找到与我的特定问题相关的相关信息。我更改了 Bootstrap 默认值 meta name="viewport"标记为 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">找到this question之后，但我的问题不是 iPhone 特有的。

我也一直在重新启动 $ rails server在解决此问题时。

我不知道如何进一步解决这个问题。任何帮助将不胜感激。

请您参考如下方法:

bootstrap-responsive 是对bootstrap 的补充。尝试在 bootstrap 下使用 bootstrap-responsive 包含它们。

@import "bootstrap"; 
@import "bootstrap-responsive"; 

来自 http://twitter.github.com/bootstrap/scaffolding.html#responsive :

Turn on responsive CSS in your project by including the proper meta tag and additional stylesheet within the of your document.