如何从使用twitter-Bootstrap-rails gem切换到使用普通Bootstrap

时间:2013-08-16 07:12:41

标签: css ruby-on-rails ruby twitter-bootstrap twitter-bootstrap-rails

我有一个使用Bootstrap rails gem构建的rails应用程序用于开发,但现在我将开始做设计和样式的东西,我宁愿只是移动到正常/本地引用bootstrap。该应用基于the rails3-bootstrap-devise-cancan template

我尝试删除bootstrap-sass gem,然后删除/ assets中的所有样式表和.js文件,并用bootstrap.css和bootstrap.js替换application.css和application.js。但是当我启动应用程序时,我可以看到它从引导程序中抓取某些东西,但格式化错误并且许多接口事情都不起作用。

最简单最简单的切换方式是什么?

source 'https://rubygems.org'
gem 'rails', '3.2.13'
gem 'sqlite3'
gem 'mysql2'
group :assets do
  gem 'sass-rails',   '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'
  gem 'uglifier', '>= 1.0.3'
end
gem "rspec-rails", ">= 2.12.2", :group => [:development, :test]
gem "database_cleaner", ">= 1.0.0.RC1", :group => :test
gem "email_spec", ">= 1.4.0", :group => :test
gem "cucumber-rails", ">= 1.3.1", :group => :test, :require => false
gem "launchy", ">= 2.2.0", :group => :test
gem "capybara", ">= 2.0.3", :group => :test
gem "factory_girl_rails", ">= 4.2.0", :group => [:development, :test]
gem "bootstrap-sass", ">= 2.3.0.0"
gem "devise", ">= 2.2.3"
gem "cancan", ">= 1.6.9"
gem "rolify", ">= 3.2.0"
gem "simple_form", ">= 2.1.0"
gem "quiet_assets", ">= 1.0.2", :group => :development
gem "figaro", ">= 0.6.3"
gem "better_errors", ">= 0.7.2", :group => :development
gem "binding_of_caller", ">= 0.7.1", :group => :development, :platforms => [:mri_19, :rbx]
gem 'execjs'
gem 'jquery-rails'
gem 'jquery-ui-rails'

1 个答案:

答案 0 :(得分:1)

bootstrap-less gem不应该影响您自己的app/assets文件夹中的文件,而是从每个gem的相应文件夹中获取它们。我的猜测是你删除的CSS / JS资产并没有被gem放在那里,而是由你或其他从事该项目的人。

使用Bootstrap文件替换替换 application.cssapplication.js,而不是将它们添加到资源文件夹中,并将导入它们添加到应用程序中文件。因此,如果您有任何其他资产,也可以将它们导入到相同的文件中。

通常,会自动导入同一文件夹中的所有文件。我的application.css默认包含此注释,指示它将所有CSS文件包含在同一目录树中:

 *= require_tree .

你应该阅读how the Asset Pipeline works,这样可以更容易地找出问题所在。