Qu’est-ce que Bootstrap ?
Bootstrap est un framework front-end open source créé initialement par des développeurs de Twitter (Mark Otto et Jacob Thornton). Il regroupe un ensemble d'outils (HTML, CSS et JavaScript) pour concevoir des interfaces web modernes, esthétiques et, surtout, responsives.
C’est l’un des projets les plus populaires sur GitHub, utilisé aussi bien par les startups que par les grandes entreprises pour standardiser le design de leurs applications.
À quoi sert Bootstrap ?
Rapidité de développement
Il évite de réinventer la roue en proposant des composants prêts à l’emploi : boutons, formulaires, menus de navigation, carrousels, etc.
Responsive Web Design
Grâce à son système de grille, le contenu s'adapte automatiquement à la taille de l'écran (smartphone, tablette, ordinateur).
Comment fonctionne Bootstrap ?
- Système de Grille : Basé sur 12 colonnes et utilisant désormais Flexbox (CSS3), il permet d'organiser les éléments précisément.
- Classes CSS prédéfinies : On applique des styles simplement en ajoutant des classes aux balises HTML (ex:
btn-primarypour un bouton bleu). - Modularité : On peut importer l'intégralité du framework ou seulement les modules nécessaires pour optimiser les performances.
- JavaScript : Utilise des scripts pour l'interactivité (fenêtres modales, menus déroulants). Note : Depuis la version 5, jQuery n'est plus requis.
Évolution des Versions
| Version | Nouveautés majeures |
|---|---|
| Bootstrap 2 & 3 | Support du responsive, Flat Design et approche "Mobile-First". |
| Bootstrap 4 | Passage de LESS à SASS, adoption de Flexbox, abandon d'IE8/IE9. |
| Bootstrap 5 | Suppression de jQuery (JS pur), support RTL, fin d'Internet Explorer. |