Skip to main content

Usando el tema de Bootstrap de Twitter para Drupal

Taller de Creación de Temas para Drupal 8 con Beto Quiroga (Junio 2026)

Taller de Creación de Temas para Drupal 8 con Beto Quiroga (Junio 2026)
Anonim

Bootstrap es un marco muy popular, construido por Twitter. Con el tema Bootstrap para Drupal, puede obtener (y mantener) todo ese poder para su sitio web de Drupal. ¡Prepárate para agregar botones suaves, formas estilizadas, jumbotrones y más, hasta que tu sitio tenga algo de brillo!

¿Qué es el marco de Bootstrap?

El marco de Bootstrap es una colección de código CSS y Javascript que le facilita agregar una larga lista de cosas bonitas y / o útiles a su sitio web. Esta lista incluye botones atractivos, listas con "insignias", "pozos" insertados y mucho más.

Más allá del brillo, Bootstrap también tiene un gran poder de respuesta y te ayuda a diseñar un sitio que no se destruirá por completo cuando tu jefe lo abra en un teléfono.

En lugar de tener que escribir todo este código, utiliza las clases CSS y los elementos HTML especificados por Bootstrap. Si quieres una etiqueta bonita, agrega la etiqueta de clase. Me gusta esto:

El framework Bootstrap no tiene conexión con Drupal. Puede usarlo con cualquier CMS que no explote en contacto con jQuery (ver más abajo), o incluso con un sitio web HTML estático.

¿Cuál es el tema Bootstrap para Drupal?

El tema Bootstrap para Drupal facilita mucho el uso de Bootstrap en su sitio web. Descarga este tema y configúralo como tu predeterminado.

De hecho, probablemente querrá usar el tema Bootstrap como el tema base para su propio subtema. Aunque, es cierto que el tema Bootstrap ofrece pantallas de administración tan extensas que puede personalizarlo satisfactoriamente sin una línea de código.

Bootstrap se basa en la biblioteca jQuery Javascript. Es posible que también deba instalar el módulo de actualización de jQuery para obtener la versión que necesita. Si cualquier otro módulo en su sitio usa jQuery, tenga cuidado, puede que no funcionen con una versión demasiado nueva de jQuery.

Tendrá que leer la documentación de este tema y asegurarse de que no necesita realizar ningún paso adicional. Pero sigue siendo bastante fácil.

¿Tiene que usar el tema Bootstrap para usar Bootstrap en Drupal?

Debido a que el marco de Bootstrap es solo CSS y Javascript, no lo hace necesitar para utilizar el tema Bootstrap. Puede descargar manualmente la biblioteca Bootstrap y vincularla a sus plantillas de tema.

Sin embargo, el tema de Bootstrap ya ha hecho este tedio para ti. También ha integrado varias características de Bootstrap en las pantallas de administración de Drupal. Si prefiere hacer clic en codificar, este tema puede hacer su vida mucho más fácil.

Elija qué versión de Bootstrap usar

Antes de descargar este tema, lea la página del proyecto y asegúrese de entender qué versión debe descargar. Diferentes versiones corresponden a diferentes versiones del framework Bootstrap.

Por ejemplo, la versión 7.x-2.2 para el Bootstrap tema fue el último en soportar la versión 2.3.2 para Bootstrap marco de referencia . A partir de este escrito, la versión estable del tema Bootstrap es 7.x-3.0, que funciona con Bootstrap 3.

Observe cómo los desarrolladores del tema Bootstrap han coordinado amablemente sus números de versión principales con Bootstrap. Las versiones 7.x-2.x son para Bootstrap 2, y las versiones 7.x-3.x son para Bootstrap 3.

Bootstrap 2 y Bootstrap 3 son en su mayoría similares, pero preste atención a las diferencias cuando lea la documentación del marco. Es fácil leer la documentación de la versión incorrecta sin darse cuenta.

Aunque probablemente desee utilizar la versión estable más reciente si puede, tenga en cuenta que Bootstrap 3 requiere jQuery 1.9+, mientras que Bootstrap 2 solo requiere jQuery 1.7+. Si el uso de jQuery 1.9 romperá un módulo crucial en su sitio, es posible que tenga que usar Bootstrap 2 por ahora.