我正在尝试将bootstrap-sass (2.1.0.0)用于响应式设计的 Ruby on Rails 3.2.8 站点。这是我第一次尝试使用 Rails 或 Bootstrap 进行响应式设计。
问题是我的一些(但不是全部)CSS 样式与适当的选择器匹配。具体来说,我.navbar-fixed-top
在 custom.css.scss 中应用的自定义样式既出现在我编译的 custom.css 样式表中,也出现在浏览器中呈现的页面上。但是,响应式 Bootstrap 样式.navbar-fixed-top
出现在编译后的 custom.css 中(根据 Chrome 的 Inspector),但不会出现在浏览器中呈现的页面上。
如果在 custom.css.scss 中,我改@import "bootstrap-responsive";
回 default @import "bootstrap";
,则 Bootstrap 样式.navbar-fixed-top
出现在呈现的页面上。这个问题似乎与具体的响应能力有关。
我很难找到与我的具体问题相关的相关信息。在找到这个问题后,我将 Bootstrap 默认meta name="viewport"
标签更改为,但我的问题不是 iPhone 特有的。<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
$ rails server
在解决此问题时,我也一直在重新启动。
我不知道如何进一步解决这个问题。任何帮助将非常感激。