我创建了一个新的rails项目,并添加
gem 'bootstrap-sass'
到我的Gemfile,然后我运行bundle install
并且每件事情都很顺利。然后我补充说:
/*
*= require bootstrap
*/
在我的application.css文件中,我写了一个测试,但事实并非如此。 我也尝试添加`@ import“bootstrap”;在我的hello.css.scss文件中。但它也不起作用。
答案 0 :(得分:14)
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 .
的调用之上。
答案 1 :(得分:5)
派对可能有点晚了,但万一其他人偶然发现了这个问题......
通过将@import "bootstrap";
添加到application.css
文件的顶部,将文件重命名为application.css.scss
希望这有帮助。
答案 2 :(得分:2)
https://github.com/rails/sass-rails需要在您的Gemfile中存在。
gem 'sass-rails', '~> 3.1'
gem 'bootstrap-sass', '~> 2.0.1'
答案 3 :(得分:1)
删除application.css顶部的所有注释,并将application.css重命名为application.sass或application.css.scss,具体取决于您希望如何进行css'ing 然后添加:
@import 'bootstrap'
这应该允许你开始使用bootstrap,前提是你确实已经正确地包含了bootstrap-sass gem并且之后运行了bundle install。