Quelles sont les nouveautés de Bootstrap 5 ?

Réponses rédigées par Antoine
Dernière mise à jour : 2020-12-22 16:35:43
Question

Pourriez vous me dire quelles sont les principales nouveautés du framework HTML Bootstrap 5 ?

Réponse

Voici les principales nouveautés du framework HTML Bootstrap version 5 :

  • Quelques CLASS ont disparu : form-inline, form-row, list-inline, card-deck.
  • De nouvelles CLASS sont apparues : gx-*, gy-*, g-*, rows-cols-auto.
  • La grille dispose désormais de 6 tiers : xs, sm, md, lg, xl, xxl.
  • De nouvelles couleurs font leur apparition.
  • jQuery est remplacé par vanilla JS avec de nouveaux plugins.
  • Bootstrap 5 ne supporte plus IE 10 et 11.
  • L'apparence des éléments des formulaires ne changent plus selon le système d'exploitation et le navigateur.
  • De nouveaux points d'entrée dans le code permettent de modifier le Core et de créer ses propres utilitaires.
  • Bootstrap 5 dispose désormais de ses propres icones SVG.
  • Le framework Hugo remplace Jekyll.

Remarque : Bootstrap 5 alpha a été lancé à la mi-juin 2020. Au moment où je publie ce message, Bootstrap 5 est en version Beta 1. Il ainsi possible que d'autre nouveautés fassent prochainement leur apparition. Pour vous tenir informé rendez-vous sur le blog de Bootstrap.

La documentation de Bootstrap 5 est disponible via cette page du site officiel.

Si vous devez migrer un site Bootstrap 4 vers Bootstrap 5, référez-vous à cette page où vous trouverez principalement l'ensemble des CLASS qui ont été renommées.