Skip to main content

Utilisation du thème Twitter Bootstrap pour Drupal

Bootstrapping, Social Media for Doctors & How to Sell at a Farmers Market | #AskGaryVee Episode 206 (Avril 2025)

Bootstrapping, Social Media for Doctors & How to Sell at a Farmers Market | #AskGaryVee Episode 206 (Avril 2025)
Anonim

Bootstrap est un framework extrêmement populaire, construit par Twitter. Avec le thème Bootstrap pour Drupal, vous pouvez obtenir (et conserver) toute cette puissance pour votre site Web Drupal. Préparez-vous à ajouter des boutons lisses, des formes stylisées, des jumbotrons et bien d’autres choses, jusqu’à ce que votre site devienne époustouflant!

Qu'est-ce que le framework Bootstrap?

Le framework Bootstrap est une collection de code CSS et Javascript qui vous permet d'ajouter facilement une longue liste d'éléments jolis et / ou utiles à votre site Web. Cette liste comprend de jolis boutons, des listes avec des "badges", des "puits" et plus encore.

Au-delà du bling, Bootstrap renferme également un pouvoir réactif important, vous aidant à concevoir un site qui ne se brisera pas complètement lorsque votre patron l'ouvrira sur un téléphone.

Au lieu de devoir écrire tout ce code vous-même, vous utilisez les classes CSS et les éléments HTML spécifiés par Bootstrap. Si vous voulez une jolie étiquette, vous ajoutez l'étiquette de classe. Comme ça:

L'infrastructure Bootstrap n'a pas de connexion à Drupal. Vous pouvez l'utiliser avec n'importe quel CMS qui n'explosera pas au contact de jQuery (voir ci-dessous), ou même avec un site Web HTML statique.

Quel est le thème Bootstrap pour Drupal?

Le thème Bootstrap pour Drupal facilite l’utilisation de Bootstrap sur votre site Web. Téléchargez ce thème et définissez-le par défaut.

En fait, vous voudrez probablement utiliser le thème Bootstrap comme thème de base pour votre propre sous-thème. Cependant, il est vrai que le thème Bootstrap offre des écrans d’administration si étendus que vous pourrez peut-être le personnaliser de manière satisfaisante sans ligne de code.

Bootstrap s'appuie sur la bibliothèque Javascript de jQuery. Vous devrez peut-être également installer le module de mise à jour jQuery pour obtenir la version dont il a besoin. Si d'autres modules de votre site utilisent jQuery, soyez prudent, ils risquent de ne pas fonctionner avec une version trop récente de jQuery.

Vous devrez lire la documentation de ce thème et vous assurer que vous n’aurez pas besoin de prendre d’étapes supplémentaires. Mais c'est quand même assez facile.

Devez-vous utiliser le thème Bootstrap pour utiliser Bootstrap dans Drupal?

Parce que le framework Bootstrap est juste CSS et Javascript, vous ne le faites pas avoir besoin utiliser le thème Bootstrap. Vous pouvez télécharger manuellement la bibliothèque Bootstrap et la relier à vos modèles de thème.

Cependant, le thème Bootstrap a déjà fait cet ennui pour vous. Il intègre également diverses fonctionnalités Bootstrap dans les écrans d’administration de Drupal. Si vous préférez cliquer sur coder, ce thème peut vous rendre la vie beaucoup plus facile.

Choisissez quelle version de Bootstrap utiliser

Avant de télécharger ce thème, lisez la page du projet et assurez-vous de bien comprendre quelle version vous devez télécharger. Différentes versions correspondent à différentes versions du framework Bootstrap.

Par exemple, la version 7.x-2.2 pour le Bootstrap thème était le dernier à supporter la version 2.3.2 pour le Bootstrap cadre . Au moment de la rédaction de ce document, la version stable du thème Bootstrap est la version 7.x-3.0, qui fonctionne avec Bootstrap 3.

Notez comment les développeurs de thèmes Bootstrap ont bien voulu coordonner leurs numéros de version majeurs avec Bootstrap. Les versions 7.x-2.x sont pour Bootstrap 2 et les versions 7.x-3.x sont pour Bootstrap 3.

Bootstrap 2 et Bootstrap 3 sont généralement similaires, mais faites attention aux différences lorsque vous lisez la documentation du framework. Il est facile de lire la documentation de la mauvaise version sans s’en rendre compte.

Bien que vous souhaitiez probablement utiliser la version stable la plus récente si vous le pouvez, notez que Bootstrap 3 nécessite jQuery 1.9+, alors que Bootstrap 2 ne requiert que jQuery 1.7+. Si vous utilisez jQuery 1.9 pour casser un module crucial de votre site, vous devrez peut-être utiliser Bootstrap 2 pour le moment.