2012-03-15 65 views
1

我創建一個新的Rails項目工作,並添加的「引導 - 薩斯」不與導軌3.2.2

gem 'bootstrap-sass' 

我的Gemfile,然後我跑bundle install和每一個東西去好。然後我添加:

/* 
*= require bootstrap 
*/ 

在我的application.css文件中,我寫了一個測試,但它沒有。 我也嘗試添加`@ import「bootstrap」;在我的hello.css.scss文件中,但它也不起作用。

+0

#在config.rb中 需要'bootstrap-sass' – 2012-03-15 07:36:07

+1

@SaidKaldybaev在我的config目錄下,不會退出config.rb文件。 – 2012-03-15 07:39:19

回答

2

https://github.com/rails/sass-rails需要在你的Gemfile中。

gem 'sass-rails', '~> 3.1' 
gem 'bootstrap-sass', '~> 2.0.1' 
+0

或者你可以看看https://github.com/yabawock/bootstrap-sass-rails – rajibchowdhury 2012-03-15 08:42:11

+0

是的,既然Bootstrap 2.0需要'sass-rails',但是因爲他使用了一個新的Rails應用程序,已經在Gemfile中。 – nobody 2012-03-29 16:30:07

14

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中。

+1

我愛你!我正在尋找這個解決方案4天。至少花了8個小時才能發現這一點。謝謝!(我知道,付出代價,但是,無論如何,謝謝) – Kael 2012-07-30 08:46:34

+0

確保在捆綁後重新啓動服務器 – bcackerman 2012-10-24 14:59:50

+0

謝謝!這對我有效。 – 2013-02-02 21:18:02

5

可能有點遲到了,但只是在整個問題的情況下,任何人都跌倒......

這是一個小的疑難雜症我加入@import "bootstrap";application.css文件的頂部解決,改名文件到application.css.scss

希望這會有所幫助。

+0

這最終成爲我的問題。謝謝。 – 2013-03-31 16:03:58

+0

我也是這樣。我在Sublime Text上看到的小插件太小,看不到'application.css'缺少'.scss'擴展名...... Duh。 – Clay 2013-07-27 15:16:19

1

在application.css頂部取下所有的意見,並根據你想如何做你css'ing 重命名application.css要麼application.sass或application.css.scss然後加:

@import 'bootstrap' 

這應該允許您開始使用引導程序,前提是您確實已正確引入了bootstrap-sass gem,然後運行了bundle安裝。