2013-08-03 61 views
20

我試圖從Bootstrap 2遷移到版本3 RC1。如何在Rails 4項目中使用Bootstrap 3 RC 4

最初我使用了bootstrap-sass gem 2.3.2,一切都很順利。

如何將Boostrap 3添加到我的項目中?我找不到任何已轉換爲SASS的gem,官方文檔告訴我們將它從LESS編譯爲CSS。

我對這一切都相當陌生,所以我真的很困惑這裏,任何幫助?

UPDATE好像我是用擺在首位的寶石已經最後更新: https://github.com/twbs/bootstrap-sass

回答

29

嘗試使用https://github.com/anjlab/bootstrap-rails

通過添加以下到您的的Gemfile

gem 'anjlab-bootstrap-rails', :require => 'bootstrap-rails', 
          :github => 'anjlab/bootstrap-rails', 
          :branch => '3.0.0' 

在您的application.js添加以下內容:

//= require twitter/bootstrap 

在你application.css別的之前添加以下

*= require twitter/bootstrap 
+0

我想這個昨天相當快,我有問題,運行捆綁安裝新的寶石後啓動服務器。有人可以證實這一點嗎?我今天可能會花一些時間來調試它。 – Pauls

+0

謝謝!還需要遵循以下來自Andrew Patzer的建議 – pastullo

+0

我真的很驚訝這有15個upvotes並被標記爲正確的答案。這沒有奏效。 – Kopty

6

我試圖通過ShenoudaB建議的解決方案,並得到它的工作就好了。我需要從以前的版本更改的東西是:

  • 在您的application.css.scss文件中,確保您引用twitter/bootstrap而不是引導程序。
  • 我還需要添加@import「twitter/bootstrap」;線到我的CSS。這可能與上面的提示是多餘的,但一旦我添加它,它工作得很好。
  • 在你的application.js文件中,你應該在你的// = require語句中引用twitter/bootstrap。

我還注意到一些樣式發生了變化。檢查新的文檔,並確保你的類名與新的相匹配。

這就是我所做的一切,它爲我工作。祝您的應用程序順利運行!

17

目前已經發布候選版,您可以使用,添加的Gemfile:

gem 'bootstrap-sass', github: 'thomas-mcdonald/bootstrap-sass' 

此外,如果您從bootstrap 2升級,那麼您必須先刪除以前的gem。

+0

默認情況下主分支是否會更新爲使用Bootstrap 3? – pastullo

+4

看起來分支'3'在2013年9月9日合併爲'主',所以上面的分支:'3'選項不再需要。雖然還沒有發佈,所以我們仍然需要從github獲取。 – exbinary