2012-05-03 75 views
2

我想按照這個Twitter的引導教程,並遇到了一個小問題Twitter的引導custom.css.scss不工作

http://ruby.railstutorial.org/chapters/filling-in-the-layout#sec:custom_css

顯然,引導正在導入(按鈕的風格,導航欄出現。但是,改變了我使custom.css.scss沒有被反映在我的佈局。特別是,我已經加入

body { 
    padding-top: 60px; 
} 

,試圖使它所以我的導航欄不會遮擋頂部我的網頁內容,這沒有做任何事儘管如此。真的不知道什麼樣的代碼這將是最好的,張貼在這裏進行調試,但這裏的application.css

*= require_self 
*= require_tree . 

,我已經包括

@import "bootstrap"; 

在custom.css.scss的開始。

有什麼明顯的,我在這裏失蹤?謝謝您的幫助。

+0

當我把我的應用程序的Heroku,預期所有的作品。不知道這是否可以提供任何線索?在development.rb中有什麼錯誤? –

+2

我認爲它適用於Heroku,因爲Heroku預先編譯了資產。嘗試「耙資產:乾淨」。如果失敗,嘗試這樣的:http://railsapps.github.com/twitter-bootstrap-rails.html –

+0

見下面我的意見......運行'耙資產:clean'並沒有爲我工作...幫助!? – Eric

回答

3

謝謝,米哈伊爾·d!

rake assets:clean 

訣竅。

+0

我試過這個,但它沒有工作。如果我把樣式放在application.css.scss而不是custom.css.scss中,它可以工作。任何其他想法? – Eric

+0

嘗試在您的環境/ development.rb中添加'config.serve_static_assets = false'如果這不起作用,並且您從名爲'bootstrap_and_overrides.css.scss'的文件加載引導程序,請嘗試刪除行'@import「bootstrap」 ;'from'application.css.scss',如果它包含在那裏的話。 – 8bithero

+0

謝謝!這解決了我的問題 –

0

這聽起來不可思議,但我沒有耙資產:乾淨,然後我就命名的文件test.css.scss和它的工作!當我嘗試重命名爲custom.css.scss時,則失敗。我不是Ruby專家,但這解決了我的問題。

0

這取決於紅寶石版本太多。如果您使用v.2,則嘗試降級到v.1.9。這是很容易,如果你使用的是RVM:

要安裝v.1.9.3使用:

$ rvm install 1.9.3 

要使用v.1.9.3默認:

$ rvm --default use 1.9.3 

然後

  • 重新啓動您的終端
  • 安裝bundler寶石
  • 運行bundle install
  • 運行rake assets:clean RAILS_ENV=development
  • 啓動服務器rails s

這就是全部。