2

我正在尝试将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在解决此问题时,我也一直在重新启动。

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

4

1 回答 1

6

bootstrap-responsive是对 的补充bootstrap。尝试将它们都包含bootstrap-responsive在下面bootstrap

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

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

通过在文档中包含正确的元标记和附加样式表,在您的项目中启用响应式 CSS 。

于 2012-10-13T18:08:13.903 回答