34 votes

Comment intégrer correctement HTML5 Boilerplate à Twitter Bootstrap ?

Dans mon projet Play 2.0, j'ai déjà intégré Bootstrap (comme il y a moins de fichiers, Play peut les compiler à la volée) mais maintenant j'ai trouvé Boilerplate et je pense que ce serait une bonne idée de l'utiliser aussi.

Après un peu de recherche sur Google, j'ai trouvé ceci : http://www.quora.com/Is-Bootstrap-a-complement-OR-an-alternative-to-HTML5-Boilerplate-or-viceversa

Il semble donc que l'intégration devrait être possible, et il existe même deux projets qui tentent de le faire. Le seul problème est qu'ils font des choses complètement différentes et je ne suis pas sûr de savoir lequel est correct.

https://gist.github.com/1422879 dans son état actuel, semble simplement ignorer styles.css provenant de Boilerplate. Il est renommé en h5bp.css mais je ne vois pas h5bp.css inclus partout.

https://github.com/elgreg/html5-boilerstrap d'autre part, utilise les deux, en séparant simplement le fichier styles.css en deux parties ( h5bp_normalize.css y styles.css , bootstrap.css est comprise entre les deux). Mais n'y a-t-il pas des conflits entre Boilerplate et Bootstrap de cette manière ?

Je suis donc un peu perdu. Quelle est la bonne façon de procéder dans ce cas ?

62voto

zsero Points 2578

Utilisez simplement Initializr, c'est la solution semi-officielle et elle dispose d'un grand nombre d'options. Bootstrap + H5BP sont pris en charge d'emblée !

http://www.initializr.com/

3voto

welldan97 Points 1962

J'ai supprimé les styles de réinitialisation de twitter bootstrap (en supprimant moins @import ) et l'a collé dans html5-boilerplate (dans la section styles utilisateur). Cela a bien fonctionné.

0voto

twnaing Points 181

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X