Que peut-on attendre de Bootstrap 5.0 ?

Partager

Article mis à jour le 7 juillet 2022 | Publié le 23 avril 2020

Bootstrap est une framework d’interface mobile first open source largement utilisé dans la création de sites web. Il permet de créer des sites et applications web avec des mises en page dynamiques et réactives, adaptables aux différents supports plus aisément.
La version actuelle de la framework est 4.4.1, cependant, une prochaine version majeure est annoncée pour la fin du printemps 2020. On devrait donc avoir une version 5.0 pour bientôt.

Voir notre article sur : Bootstrap 4, un framework CSS innovant

2 créateurs à l’origine du framework Bootstrap

Mark Otto est un designer qui a travaillé pour Twitter jusqu’à fin de l’année 2012.
Jacob Thornton a travaillé, lui aussi, pour Twitter jusqu’en 2013.
Ce sont les 2 développeurs américains à l’origine du framework Bootstrap sorti en Août 2011, mais nommé dans un premier temps Twitter Blueprint avant d’être présenté au public.

Les nouveautés sur Bootstrap

Les icônes SVG

Dans sa version actuelle 4.4, Bootstrap préconise d’utiliser la librairie d’icônes Font Awesome.
Pour sa prochaine version, l’équipe de la framework a entièrement programmé sa bibliothèque d’icônes SVG.
Elle peut déjà être utilisée via un copier/coller du code SVG de l’icône que l’on retrouve sur la documentation de Bootstrap. Dans la version finale, une classe suffira à utiliser les icônes du framework.

Des polices plus responsives

Dans sa prochaine version, le fr s’appuiera sur le modèle RFS (Responsive Font Sizes) pour redimensionner automatiquement les polices d’écriture en fonction de la largeur de l’écran. L’unité utilisée ne sera plus le pixel mais le REM.

Le contrôle des gouttières

Afin de permettre plus de réactivité, Bootstrap utilisera l’unité de mesure REM pour dimensionner ses gouttières. Des classes CSS seront ajoutées pour contrôler le dimensionnement de celles-ci.
Par exemple, une classe gx- permettra de contrôler la hauteur des gouttières horizontales et gy- la largeur des gouttières verticales.

Flex et Grid

Bootstrap 5 continuera d’utiliser Flexbox mais intégrera aussi CSS Grid pour permettre d’adapter au mieux et plus facilement les sites web aux différentes résolutions d’écrans.

Ce que vous ne verrez plus sur Bootstrap 5.0

Internet Explorer 11

L’équipe de Bootstrap a décidé d’arrêter le support d’Internet Explorer 11 (version stable sortie en 2013). Le framework reste donc utilisable sous ce navigateur, mais quelques dysfonctionnements pourront apparaître, qui ne seront pas mis à jour.

jQuery

La version 5.0 du framework Bootstrap va supprimer la dépendance jQuery au profit de Vanilla Js. Le framework de test JavaScript, QUnit développé pour tester jQuery, disparaîtra donc lui aussi.

Cependant, Il sera tout de même possible de continuer à utiliser jQuery sous Bootstrap mais il faudra au préalable que le développeur installe lui-même, la bibliothèque Js.

La suppression de jQuery provoque beaucoup d’avis divergents.
Il y a les développeurs qui sont du même côté que le framework. Ils pensent que c’est une bonne chose d’avoir supprimé cette dépendance.
Puis, il y a les développeurs contre Bootstrap. Pour eux, cette action a été inutile et a demandé beaucoup plus d’énergie que nécessaire.
En effet, la suppression du framework Js a entraîné plusieurs conflits liés aux navigateurs qu’il a fallu traiter.

La suppression du framework, se justifie par la volonté d’être le plus attractif possible et pour cela il faut éviter d’accumuler les dépendances. Or jQuery était la plus importante dépendance côté client de la bibliothèque.

Bootstrap recherche avant tout dans sa nouvelle version à être le plus efficace, et le plus flexible possible. Pour cela l’équipe de développement du framework veut absolument éviter les dépendances et met tout en place pour être réactif et s’adapter au mieux aux différents supports utilisés. Rappelons-le, Bootstrap est connu avant tout pour sa conception mobile first responsive.

Si l’article vous a intéressé, n’hésitez pas à faire un tour sur le blog Numendo

Vous serez peut-être aussi intéressé par ces articles

Image pour article D3.Js vs Chart.Js

D3.Js et Chart.Js, font partis des bibliothèques JavaScript de visualisation de données les plus connues mais aussi les plus utilisées. L’une...

Vignette Crystallize CMS e-commerce

Que peut apporter Crystallize à un site e-commerce ? En quoi est-il différent des autres CMS ? Dans cet article, nous vous présentons le CMS...

Image pour article Mise à jour GSAP 3

GSAP est une bibliothèque d’animation JavaScript. Si vous êtes l’avez manqué, nous vous invitons à lire notre article sur GreenSock...

Ce site web stocke des données telles que les cookies pour activer les fonctionnalités nécessaires du site, y compris l'analyse. Vous pouvez modifier ces paramètres à tout moment ou accepter les paramètres par défaut.
Préférences en matière de dépôt de données

Lorsque vous visitez des sites Web, ils peuvent stocker ou récupérer des données dans votre navigateur. Ce stockage est souvent nécessaire pour la fonctionnalité de base du site Web.
L’analyse peut être utilisée comme stockage. La confidentialité est importante pour nous, vous avez donc la possibilité de désactiver ce type de stockage qui n’est pas être nécessaire pour le fonctionnement de base du site Web. Le blocage de l’analyse peut avoir un impact sur votre expérience sur le site Web.

Nous utilisons des cookies pour personnaliser votre expérience sur Numendo.