响应式bootstrap-sass设置

Question

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

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

如果在custom.css.scss中，我将@import "bootstrap-responsive";更改回默认@import "bootstrap";，则.navbar-fixed-top的引导样式将出现在呈现的页面上。这个问题似乎与具体的响应能力有关。

我很难找到与我的具体问题相关的相关信息。在找到this question后，我将Bootstrap默认meta name="viewport"标记更改为<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">，但我的问题不是iPhone特定的。

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

我对如何进一步排除故障感到茫然。任何帮助将不胜感激。

Answer 1

bootstrap-responsive是bootstrap的补充。尝试将bootstrap-responsive bootstrap放在@import "bootstrap"; @import "bootstrap-responsive"; 以下。

{{1}}

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

  

通过在文档中包含正确的元标记和其他样式表，启用项目中的自适应CSS。