“bootstrap-sass”不适用于rails 3.2.2

Question

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

gem 'bootstrap-sass'

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

/*
*= require bootstrap
*/

在我的application.css文件中，我写了一个测试，但事实并非如此。 我也尝试添加`@ import“bootstrap”;在我的hello.css.scss文件中。但它也不起作用。

Answer 1

ROLLEN，

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

@import 'bootstrap'

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

如果您想将JavaScript功能添加到框架（您可能会想要），您还要添加

//= require bootstrap

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

Answer 2

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

通过将@import "bootstrap";添加到application.css文件的顶部，将文件重命名为application.css.scss

，我解决了这个问题。

希望这有帮助。

Answer 3

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

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

Answer 4

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

@import 'bootstrap'

这应该允许你开始使用bootstrap，前提是你确实已经正确地包含了bootstrap-sass gem并且之后运行了bundle install。