Chargement…

Bootstrap n'est pas mort !

Bootstrap n'est pas mort !

Le 8 octobre, Mark Otto a publié la première alpha de Bootstrap 6.

Et j'avoue, ma première réaction a été la même que la sienne (il ouvre lui-même son annonce en se demandant si on est revenus en 2015).

Mais le framework revendique plus de 1,75 milliard d'installations depuis 2011, et cette v6 n'a rien d'un ravalement de façade : c'est une refonte complète, qui assume enfin de lâcher les vieux navigateurs.

Il faut désormais Chrome et Edge 130, Firefox 132 et Safari 18 minimum, contre Chrome 60 et Safari 12 pour la v5.

Le plus frappant, c'est que Bootstrap copie ouvertement Tailwind sur la syntaxe responsive : .d-md-none devient .md:d-none, .col-lg-6 devient .lg:col-6, et l'équipe l'écrit noir sur blanc. Et sous le capot, tout est refait :

  • Sass passe au module system avec des token maps : quasiment toutes les variables Sass de la v5 deviennent des variables CSS, modifiables au runtime
  • le JavaScript devient ESM-only et passe en TypeScript : plus de bundle UMD, plus de window.bootstrap, et vous pouvez virer @types/bootstrap
  • du natif partout : dialog, details/summary pour un accordéon sans une ligne de JS, light-dark(), oklch(), container queries, CSS layers
  • de la doc pensée pour les agents : llms.txt, llms-full.txt et un dossier skills/ dans le repo pour guider la migration

Donc la vraie question n'est pas de savoir si Bootstrap est mort, mais s'il a encore une place face à Tailwind.

Je n'ai pas encore migré de projet, alors je ne vais pas vous vendre la v6 avant de l'avoir éprouvée : c'est une alpha, d'autres suivront avant la beta, et la migration va piquer pour les gros projets en v5 (toutes les classes responsives sont à réécrire).

La v5 reste maintenue, avec une 5.4.0 prévue avant l'annonce d'une date de fin de vie.

Mais je trouve le pari des skills malin : si un agent peut se taper la migration à votre place, le coût du breaking change fond.

Reste à voir si les devs partis chez Tailwind reviendront pour un Bootstrap qui ressemble... à Tailwind.

FAQ

Pourquoi Bootstrap change-t-il sa syntaxe responsive en v6 ?

L'équipe assume vouloir se rapprocher de Tailwind, dont la syntaxe type md:d-none est devenue une référence. C'est un changement assumé, écrit noir sur blanc par les développeurs eux-mêmes.

Quels navigateurs seront supportés par Bootstrap 6 ?

Il faudra au minimum Chrome et Edge 130, Firefox 132 et Safari 18, contre Chrome 60 et Safari 12 pour la v5. Ce saut permet d'exploiter des fonctionnalités natives comme dialog, oklch() ou les container queries.

Faut-il migrer son projet Bootstrap 5 dès maintenant ?

Non, il s'agit encore d'une alpha, avec d'autres versions avant la beta. Pour les gros projets, la migration impliquera de réécrire toutes les classes responsives, donc mieux vaut attendre une version plus stable.

Qu'est-ce qui change côté JavaScript et Sass ?

Le JavaScript passe en ESM uniquement et en TypeScript, abandonnant le bundle UMD et window.bootstrap. Côté Sass, les variables deviennent majoritairement des variables CSS modifiables au runtime grâce au nouveau système de modules.

La version 5 de Bootstrap va-t-elle disparaître rapidement ?

Non, elle reste maintenue avec une version 5.4.0 prévue avant toute annonce de fin de vie. Il n'y a donc pas d'urgence à migrer dans l'immédiat.

À quoi servent les fichiers llms.txt et le dossier skills dans le repo ?

Ils visent à guider les agents d'IA dans la migration automatique des projets vers la v6. L'idée est de réduire le coût humain du changement de syntaxe en laissant un agent gérer la réécriture des classes à votre place.


Poursuivre la lecture

La hype AI et le mensonge de Cursor News
#ai#web browser#cursor

La hype AI et le mensonge de Cursor

Dernièrement le CEO de Cursor annonçait fièrement sur X qu'ils ont généré un Web Browser entier... mouais...

Alexandre P.
Qwen 3.6 l'agent accessible à tous News

Qwen 3.6 l'agent accessible à tous

Qwen 3.6 marque un tournant, découvrez comment ce LLM devient un agent autonome capable d’exécuter des workflows complexes et du code en production.

Alexandre P.