“bootstrap-sass”不适用于rails 3.2.2

我创建了一个新的rails项目,并添加

gem 'bootstrap-sass' 

到我的Gemfile,然后我运行bundle install并且每件事情都很顺利。 然后我补充说:

 /* *= require bootstrap */ 

在我的application.css文件中,我写了一个测试,但它没有。 我也尝试添加`@ import“bootstrap”; 在我的hello.css.scss文件中。但它也不起作用。

ROLLEN,

你好像在那里。 默认情况下,Sass在Rails 3.1中,所以你不需要做任何特定的事情。 将gem添加到Gemfile并执行bundle安装后,您的问题出现在application.css文件中。 通常在使用Sass时,我建议您从application.css中删除清单代码(顶部的所有注释),并将application.css重命名为application.css.scss(从CSS文件中删除Sprockets)。 然后加:

 @import 'bootstrap' 

到最顶端。 那应该为你解决。 你需要手动将你想要加载的每个CSS文件添加到application.css.scss文件中,因为sprockets已经消失,但这通常是一个好主意,因为CSS中的加载顺序对于级联很重要。

如果您想将JavaScriptfunction添加到框架(您可能会想要),您还需要添加

 //= require bootstrap 

就在调用//= require_tree .之上//= require_tree . 在app / assets / javascripts / application.js中。

派对可能有点晚了,但万一其他人偶然发现了这个问题……

这是一个小问题我解决了添加@import "bootstrap"; 在我的application.css文件的顶部,将文件重命名为application.css.scss

希望这可以帮助。

https://github.com/rails/sass-rails需要在您的Gemfile中存在。

 gem 'sass-rails', '~> 3.1' gem 'bootstrap-sass', '~> 2.0.1' 

删除application.css顶部的所有注释,并将application.css重命名为application.sass或application.css.scss,具体取决于您希望如何进行css,然后添加:

 @import 'bootstrap' 

这应该允许您开始使用bootstrap,前提是您确实已正确包含bootstrap-sass gem并在之后运行bundle install。