如何從使用twitter-Bootstrap-rails gem切換為使用普通Bootstrap

Question

我有一個用Bootstrap rails gem開發的Rails應用程序，但是現在我要開始進行設計和樣式設計，而我寧願只是正常/本地引用Bootstrap。 該應用程序基於rails3-bootstrap-devise-cancan模板 。

我嘗試僅刪除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'

Answer 1

bootstrap-less gem不會影響您自己的app/assets文件夾中的文件，而是從每個gem的相應文件夾中獲取它們。 我的猜測是，您刪除的CSS / JS資產不是由gem放置的，而是由您或從事此項目的其他人放置的。

不應使用Bootstrap文件替換 application.css和application.js ，而應將它們添加到資產文件夾並將其導入應用程序文件。 因此，如果您有任何其他資產，也可以將它們導入相同的文件中。

通常，同一文件夾中的所有文件都會自動導入。 默認情況下，我的application.css包含以下注釋，指示其將所有CSS文件包括在同一目錄樹中：

 *= require_tree .

您可能應該閱讀Asset Pipeline的工作原理 ，從而更容易發現問題所在。