响应式bootstrap-sass设置

Question

我正在尝试使用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";回默认值@import "bootstrap";,则引导程序样式将.navbar-fixed-top显示在呈现的页面上.这个问题似乎与具体的响应性有关.

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

我也一直在重新启动$ rails server这个问题.

我对如何进一步排除故障感到茫然.任何帮助将非常感激.

Answer 1

bootstrap-responsive是一个补充bootstrap.尝试将它们包含在bootstrap-responsive下面bootstrap.

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

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

通过在文档中包含正确的元标记和其他样式表,在项目中启用响应式CSS .