2012-01-08 8 views
34

En mi proyecto Play 2.0 ya tengo Bootstrap integrado (mientras menos archivos, Play puede compilar sobre la marcha) pero ahora encontré Boilerplate y creo que sería una buena idea usarlo también.¿Cómo integrar correctamente HTML5 Boilerplate con Twitter Bootstrap?

Después de un poco de google he encontrado esto: http://www.quora.com/Is-Bootstrap-a-complement-OR-an-alternative-to-HTML5-Boilerplate-or-viceversa

Por lo tanto, parece que la integración debe ser posible, e incluso hay 2 proyectos que tratan de hacer eso. El único problema es que hacen cosas completamente diferentes y no estoy seguro de cuál es el correcto.

https://gist.github.com/1422879 en su estado actual parece simplemente ignorar el archivo styles.css procedente de Boilerplate. Se renombró a h5bp.css, pero no veo h5bp.css incluido en ninguna parte.

https://github.com/elgreg/html5-boilerstrap por el contrario utiliza los dos, simplemente dividiendo el archivo styles.css en dos partes (h5bp_normalize.css y styles.css, bootstrap.css está incluido entre ellos). Pero, ¿no hay conflictos entre Boilerplate y Bootstrap de esta manera?

Así que estoy un poco perdido. ¿Cuál es la forma correcta de hacer las cosas en este caso?

+0

¿Qué parte de la html5Boilerplate es exactamente lo que busca integrar? –

Respuesta

62

Solo use Initializr, es la solución semi oficial y tiene un gran conjunto de opciones también. ¡Bootstrap + H5BP se admite fuera de la caja!

http://www.initializr.com/

3

He quitado estilos de restablecimiento de arranque de twitter (mediante la eliminación de menos@import declaración) y pegué en html5-repetitivo (en la sección de estilos de usuario). Funcionó bien.

+0

Esto suena bien :) Pero lo que me preocupa es uno de los comentarios en el fragmento de código (enlace en la primera publicación): "No creo que combinar el CSS vaya a funcionar tan bien porque Bootstrap necesita su restablecimiento para eliminar el título predeterminado márgenes y relleno de lista. Esa es una suposición en el resto del código (porque fue la última vez que lo verifiqué), que puede afectar cosas como la barra superior y las pestañas/píldoras ". ¿Cuán extensamente usaba Bootstrap con su modificación? –

+0

He usado topbar, encabezados y formularios, mensajes de alerta. Tienes razón, acabo de buscar en la hoja de estilo y descubrí que en realidad agregué la regla '.alert-message p {margin-top: 0}'. Por lo tanto, con esta integración será necesario realizar algunas operaciones de pirateo con reinicios. – welldan97