我創建一個新的Rails項目工作,並添加的「引導 - 薩斯」不與導軌3.2.2
gem 'bootstrap-sass'
我的Gemfile,然後我跑bundle install
和每一個東西去好。然後我添加:
/*
*= require bootstrap
*/
在我的application.css文件中,我寫了一個測試,但它沒有。 我也嘗試添加`@ import「bootstrap」;在我的hello.css.scss文件中,但它也不起作用。
我創建一個新的Rails項目工作,並添加的「引導 - 薩斯」不與導軌3.2.2
gem 'bootstrap-sass'
我的Gemfile,然後我跑bundle install
和每一個東西去好。然後我添加:
/*
*= require bootstrap
*/
在我的application.css文件中,我寫了一個測試,但它沒有。 我也嘗試添加`@ import「bootstrap」;在我的hello.css.scss文件中,但它也不起作用。
https://github.com/rails/sass-rails需要在你的Gemfile中。
gem 'sass-rails', '~> 3.1'
gem 'bootstrap-sass', '~> 2.0.1'
或者你可以看看https://github.com/yabawock/bootstrap-sass-rails – rajibchowdhury 2012-03-15 08:42:11
是的,既然Bootstrap 2.0需要'sass-rails',但是因爲他使用了一個新的Rails應用程序,已經在Gemfile中。 – nobody 2012-03-29 16:30:07
ROLLEN,
你似乎是大多存在。 Sass默認在Rails 3.1中,所以你不需要做任何特定的事情。將gem添加到Gemfile並執行捆綁安裝後,問題出現在application.css文件中。通常,在使用Sass時,我只是建議您從application.css中刪除清單代碼(所有註釋),並將application.css重命名爲application.css.scss(從CSS文件中除去Sprockets)。然後添加:
@import 'bootstrap'
到它的最上面。這應該爲你解決它。您需要手動添加每個要加載到application.css.scss文件中的CSS文件,因爲鏈輪已經消失,但無論如何,這通常是個好主意,因爲CSS中的加載順序對於級聯很重要。
如果你想給JavaScript功能添加到框架(你可能會想)你還需要添加
//= require bootstrap
只是應用程序/資產/ Java腳本內調用//= require_tree .
以上/ application.js中。
我愛你!我正在尋找這個解決方案4天。至少花了8個小時才能發現這一點。謝謝!(我知道,付出代價,但是,無論如何,謝謝) – Kael 2012-07-30 08:46:34
確保在捆綁後重新啓動服務器 – bcackerman 2012-10-24 14:59:50
謝謝!這對我有效。 – 2013-02-02 21:18:02
可能有點遲到了,但只是在整個問題的情況下,任何人都跌倒......
這是一個小的疑難雜症我加入@import "bootstrap";
我application.css
文件的頂部解決,改名文件到application.css.scss
希望這會有所幫助。
這最終成爲我的問題。謝謝。 – 2013-03-31 16:03:58
我也是這樣。我在Sublime Text上看到的小插件太小,看不到'application.css'缺少'.scss'擴展名...... Duh。 – Clay 2013-07-27 15:16:19
在application.css頂部取下所有的意見,並根據你想如何做你css'ing 重命名application.css要麼application.sass或application.css.scss然後加:
@import 'bootstrap'
這應該允許您開始使用引導程序,前提是您確實已正確引入了bootstrap-sass gem,然後運行了bundle安裝。
#在config.rb中 需要'bootstrap-sass' – 2012-03-15 07:36:07
@SaidKaldybaev在我的config目錄下,不會退出config.rb文件。 – 2012-03-15 07:39:19