2013-04-27 92 views
5

我有以下条目我(的Rails 3.2.13)的Gemfile:Twitter引导:我是否需要bootstrap-sass和twitter-bootstrap-rails gems?

gem 'twitter-bootstrap-rails' 
gem 'bootstrap-sass' 

和应用程序/资产/ Java脚本/ application.js中:

//= require twitter/bootstrap 

,并在应用程序/资产的顶部/stylesheets/custom.css.scss:

@import 'bootstrap' 

这是“正确”吗?我是否需要'twitter-bootstrap-rails'和'bootstrap-sass'(或者'bootstrap-sass-rails'),或者它们是多余的,可能相互冲突? 'bootstrap-sass'宝石包含框架的JavaScript还是只包含CSS?

回答

9

如果你想使用SASS,你应该使用boostrap-sassbootstrap-sass-railsTwitter-bootstrap-rails使用LESS源。如果你包括这两者,那么可能会有冲突。它们都包含用于引导的javascript并集成到资产管道中。

我个人使用更少的版本,它是什么引导最初写的(可能会得到更快的版本中,当引导更新)

通常是好现象,检查宝石出在github来评估你哪个版本的具体需求和他们支持的Rails。

+1

我接受了这个答案,因为你专门回答了我的问题,关于JavaScript是否包含在'sass'命名的宝石中。谢谢! – 2013-05-11 16:21:11

11

不,你不需要两个。

只是简单的把这个在您的Gemfile:

gem 'sass-rails' 
gem 'bootstrap-sass' 

这application.css.scss:

@import 'bootstrap'; 
@import 'bootstrap-responsive'; 

这application.js中

//= require bootstrap 

如果你仍然有问题,你可能需要看清你的清单文件中的东西的顺序..

+0

谢谢,非常有帮助! – 2013-05-11 16:19:53

+0

如果您使用的字体真棒,请查看https://github.com/littlebtc/font-awesome-sass-rails/pull/35 – Abram 2013-08-19 22:28:59

+0

@Abram感谢您的解决方案,这对我有帮助。只添加样式表有点不同。对我来说,application.css.scss中的'@ import'不起作用。我不得不将'= require bootstrap'添加到application.css。 – 2014-02-05 11:38:46