我正在尝试使用 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.
关于ruby-on-rails - 响应式 bootstrap-sass 设置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12875361/