Jak używać Bootstrap 3 RC z Rails 4

Próbuję przeprowadzić migrację z Bootstrap 2 do wersji 3 RC1 w projekcie Rails 4.

Początkowo używałem Bootstrap-sass gem 2.3.2 i wszystko działało bez zarzutu.

Jak mogę teraz dodać Boostrap 3 do mojego projektu? Nie mogę znaleźć żadnego gem już przekonwertowanego do SASS i oficjalna dokumentacja mówi, aby skompilować go do CSS z LESS.

Jestem całkiem nowy w tym wszystkim, więc naprawdę zaczynam się mylić, jakaś pomoc?

UPDATE wygląda jak klejnot, którego używałem w pierwsze miejsce zostało ostatecznie zaktualizowane: https://github.com/twbs/bootstrap-sass

Author: Community, 2013-08-03
Source

7 answers

Spróbuj użyć https://github.com/anjlab/bootstrap-rails

Dodając do swojego Gemfile : 

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

W Twojej APLIKACJI.js dodać: 

//= require twitter/bootstrap

W Twojej APLIKACJI.css Dodaj następujący przed czymkolwiek innym: 

 *= require twitter/bootstrap
 29
Author: ShenoudaB,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-09-07 17:00:12

Istnieje już release candidate, którego możesz użyć, Dodaj do GemFile: 

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

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

 17
Author: TSr,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-10-17 17:39:48

Wypróbowałem rozwiązanie zaproponowane przez ShenoudaB i udało mi się. Rzeczy, które musiałem zmienić w stosunku do poprzedniej wersji to:

  • w Twojej aplikacji.css.plik scss, upewnij się, że odwołujesz się do twitter / bootstrap zamiast tylko bootstrap.
  • musiałem również dodać linię @ import "twitter / bootstrap"; do mojego css. Może to być zbędne z powyższą końcówką, ale po dodaniu go, działało dobrze.
  • w Twojej aplikacji.plik js, należy odwołać twitter / bootstrap w Twoim oświadczeniu / / =require.

Zauważyłem również, że niektóre Style się zmieniły. Sprawdź nową dokumentację i upewnij się, że Twoje nazwy klas pasują do nowych.

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

 6
Author: Andrew Patzer,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-08-12 03:21:13

Why not The official one

Https://github.com/twbs/bootstrap-sass

Thanks

 5
Author: Siddhartha Mukherjee,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-01-13 03:19:13

Ponieważ używasz już Bootstrap-sass gem

Polecam to

Http://github.com/thomas-mcdonald/bootstrap-sass/tree/3

 2
Author: zabumba,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-08-18 21:24:05

Ther to twitter bootsrap 3 gem : https://github.com/yabawock/bootstrap-sass-rails

 1
Author: wael,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-09-16 15:34:35

I jakoś nikt nie wspomniał http://alademann.github.io/sass-bootstrap / i zastanawiam się dlaczego.

 0
Author: valk,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-10-11 20:18:39