web-dev-qa-db-fra.com

Comment utiliser Bootstrap 3 RC avec Rails 4

J'essaie de migrer de Bootstrap 2 vers la version 3 RC1 dans un projet Rails 4.

Au départ, j’utilisais bootstrap-sass gem 2.3.2 et tout se passait bien.

Comment puis-je ajouter Boostrap 3 à mon projet maintenant? Je ne trouve aucune gemme déjà convertie en SASS et la documentation officielle recommande de la compiler en CSS à partir de LESS.

Je suis assez nouveau dans tout cela, alors je suis vraiment dérouté ici, une aide?

UPDATE On dirait que la gemme que j'utilisais à l'origine a finalement été mise à jour: https://github.com/twbs/bootstrap-sass

twitter-bootstrapruby-on-rails-4twitter-bootstrap-3
20
pastullo

essayez d'utiliser https://github.com/anjlab/bootstrap-Rails

en ajoutant ce qui suit à votre Gemfile:

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

Dans votre application.js, ajoutez ce qui suit:

//= require Twitter/bootstrap

Dans votre application.css, ajoutez le avant toute chose}:

 *= require Twitter/bootstrap
29
ShenoudaB

Il existe déjà une version candidate que vous pouvez utiliser, ajoutez à GemFile:

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

De plus, si vous effectuez une mise à niveau à partir de bootstrap 2, vous devez supprimer la gem précédente avant.

17
TSr

J'ai essayé la solution suggérée par ShenoudaB et je l'ai bien fait fonctionner. Les choses que je devais changer de la version précédente étaient:

  • Dans votre fichier application.css.scss, assurez-vous de référencer Twitter/bootstrap au lieu de simplement bootstrap.
  • J'avais aussi besoin d'ajouter un @import "Twitter/bootstrap"; ligne à mon css. Cela peut être redondant avec le conseil ci-dessus, mais une fois que je l’ai ajouté, cela a bien fonctionné.
  • Dans votre fichier application.js, vous devez référencer Twitter/bootstrap dans votre instruction // = require.

J'ai aussi remarqué que certains styles ont changé. Vérifiez la nouvelle documentation et assurez-vous que les noms de classe correspondent aux nouveaux.

C'est tout ce que j'ai fait et cela a fonctionné pour moi. Bonne chance pour que votre application fonctionne!

6
Andrew Patzer

Pourquoi pas le fonctionnaire

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

Merci

5
Siddhartha Mukherjee

Puisque vous utilisez déjà bootstrap-sass gem

Je recommanderais ceci

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

2
zabumba

Voici un bijou Twitter bootsrap 3: https://github.com/yabawock/bootstrap-sass-Rails

1
wael

Et d'une manière ou d'une autre personne n'a mentionné http://alademann.github.io/sass-bootstrap/ et je me demande pourquoi.

0
valk