Twitter的引導護欄：錯誤加載樣式表

Question

我試圖使用Twitter的引導護欄寶石的第一次，我有一些問題。我刪除了所有Rails會除了application.css樣式表，我跑

rails g bootstrap:install less 

得到bootstrap_and_overrides.css.less文件。據the documentation你需要需要application.css，我做到了bootstrap_and覆蓋。

Application.css看起來是這樣的：

* 
*= require_tree . 
*= require bootstrap_and_overrides.css.less 
*= require_self 
*/ 

和bootstrap_and_overrides.css.less看起來是這樣的：

@import "twitter/bootstrap/bootstrap"; 
@import "twitter/bootstrap/responsive"; 

// bootstrap variables and mixins 
@import "twitter/bootstrap/variables.less"; 
@import "twitter/bootstrap/mixins.less"; 

// other auto generated code below 

的問題是，當我得到這個錯誤，當我嘗試運行應用程序：

NoMethodError in StaticPages#home 
Showing /home/sheeka/Documents/workspace/my_projects/ruby/testapps/media_store/app/views/layouts/application.html.erb where line #5 raised: 

undefined method `[]' for nil:NilClass 

和線5分

<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %> 

當我刪除application.css一切加載，沒有問題，但沒有引導的造型。任何幫助搞清楚這一點將不勝感激。

Answer 1

你有沒有嘗試禁用渦輪鏈接？根據我的理解，turbo-links已經知道與JavaScript庫（如foundation-rails gem）和twitter-bootstrap gem的兼容性問題。

http://blog.steveklabnik.com/posts/2013-06-25-removing-turbolinks-from-rails-4

我會做，不管是否能解決問題，只是爲了避免任何不必要的麻煩。 （除非你絕對需要turbolinks）。

最後，我想有你的application.css文件是這樣的：

* 
*= require_tree . 
*= require_self 
*= require bootstrap_and_overrides.css.less 
*/ 

我認爲，樹和自應引導和覆蓋之前，需要進行。當我沒有要求在資產管道中按正確的順序加載時，我得到了與基金會一樣的錯誤。與資產管道，基本想法是，你總是希望電流控制器具體樣式表可以覆蓋任何其他樣式都在應用。 我希望這最終有幫助。這有效，當我得到這個錯誤。

http://guides.rubyonrails.org/asset_pipeline.html#manifest-files-and-directives