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

Question

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

我尝试删除 bootstrap-sass gem，然后删除 /assets 中的所有样式表和 .js 文件，并将 application.css 和 application.js 替换为 bootstrap.css 和 bootstrap.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'

Answer 1

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

不要替换 application.css 和 application.js 与 Bootstrap 文件，您应该将它们添加到您的资产文件夹，然后将它们导入到应用程序文件中。因此，如果您有任何其他资产，也可以将它们导入到相同的文件中。

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

 *= require_tree .

您可能应该阅读how the Asset Pipeline works，这样可以更轻松地找出问题所在。