2013-08-03 11 views
20

Próbuję przeprowadzić migrację z Bootstrap 2 do wersji 3 RC1 w projekcie Rails 4.Jak używać Bootstrap 3 RC z szynami 4

Początkowo użyłem programu bootstrap-sass gem 2.3.2 i wszystko działało sprawnie.

Jak mogę teraz dodać Boostrap 3 do mojego projektu? Nie mogę znaleźć żadnego klejnotu, który został już przekonwertowany na SASS, a oficjalna dokumentacja mówi, żeby skompilować go do CSS z LESS.

Jestem całkiem nowy w tym wszystkim, więc naprawdę się tu mylę, jakiejkolwiek pomocy?

UPDATE Wygląda gem używałem w pierwszej kolejności został ostatecznie aktualizacja: https://github.com/twbs/bootstrap-sass

Odpowiedz

29

spróbuj https://github.com/anjlab/bootstrap-rails

przez dodanie następujących do Gemfile:

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

W twoim aplikacji.js dodać następujące:

//= require twitter/bootstrap 

W swojej application.css dodać następujące zanim cokolwiek innego:

*= require twitter/bootstrap 
+0

Próbowałem to wczoraj dość szybkie i miałem problemy z uruchomieniem serwera po uruchomieniu pakiet zainstalować z nowym gem. Czy ktoś może potwierdzić, że to działa? Mogę spędzić trochę czasu, debugując go dzisiaj. – Pauls

+0

Dzięki! Potrzebne były również porady od Andrew Patzera poniżej – pastullo

+0

. Jestem naprawdę zaskoczony, że ma 15 przegranych i jest oznaczony jako poprawna odpowiedź. To nie zadziałało. – Kopty

6

Próbowałem rozwiązanie sugerowane przez ShenoudaB i dostał go do pracy dobrze. Rzeczy, które musiałem zmienić z poprzedniej wersji:

  • W pliku application.css.scss upewnij się, że odwołujesz się do twitter/bootstrap zamiast samego bootstrap.
  • Potrzebowałem również dodać @import "twitter/bootstrap"; linia do mojego css. Może to być zbyteczne z powyższą wskazówką, ale po dodaniu go zadziałało dobrze.
  • W swoim pliku application.js powinieneś odwołać się do twitter/bootstrap w instrukcji // = require.

Zauważyłem również, że niektóre style zostały zmienione. Sprawdź nową dokumentację i upewnij się, że nazwy klas są zgodne z nowymi.

To wszystko, co zrobiłem i zadziałało. Powodzenia w uruchomieniu aplikacji!

17

Istnieje już zwolnić kandydata, którego można użyć, aby dodać GemFile:

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

Dodatkowo, jeśli aktualizujesz z bootstrap 2, musisz wcześniej usunąć poprzedni klejnot.

+0

Czy gałąź główna zostanie zaktualizowana, aby domyślnie używać Bootstrap 3? – pastullo

+4

Wygląda na to, że oddział "3" został scalony w "master" 9.09.2013, więc opcja 'branch: '3'' powyżej nie jest już potrzebna. Jednak nie zostały jeszcze wydane, więc nadal musimy pobrać z Github. – exbinary