Bootstrap4 est-il obsolète ?

Bootstrap était autrefois le framework CSS le plus populaire pour débuter avec le front-end. De nombreux programmeurs back-end l'utilisent souvent dans leurs projets parallèles pour créer des pages d'accueil de projets, des démos, etc.

Après trois années de développement, le framework front-end Bootstrap 4 a été officiellement publié. Cependant, le monde du Web d'aujourd'hui est très différent de celui de l'époque où Mark Otto a publié Bootstrap, et certains développeurs se sont demandé si ses mises à jour étaient toujours utiles.

Les principales mises à jour de la V4 sont :

Système de grille amélioré (Flexbox par défaut)

Utilise désormais Sass (remplacé Less)

IE8, IE9 et iOS 6 ne sont pas pris en charge

Plugin JavaScript réécrit

Utilise désormais rem au lieu de px.

Recommandations associées : "Questions et réponses sur le développement front-end"

Les développeurs qui se préparent à mettre à niveau à partir de la version V3 doivent d'abord effectuer des tests et devront peut-être résoudre certains problèmes. . La nouvelle version est généralement proche de l'ancienne version, mais présente quelques changements révolutionnaires. Le guide de migration ci-dessous répertorie les détails de ce qui a changé :

https://getbootstrap.com/docs/4.0/migration/#by-component

L'une des forces de Bootstrap est son système de grille Web. Ce système fournit un moyen déclaratif permettant aux pages Web de restituer le contenu dans un système de grille sans nécessiter d'étapes supplémentaires pour rendre le contenu en streaming compatible avec les appareils de bureau et mobiles.

Le système de grille de Bootstrap 4 utilise flexbox, qui est pris en charge par presque tous les navigateurs modernes. En raison de l'introduction de cette mise à jour et d'autres raisons, la nouvelle version ne prend en charge que IE10 et supérieur et iOS7 et supérieur. Si le projet doit encore être compatible avec les anciens navigateurs, les développeurs continueront à utiliser Bootstrap 3. Cependant, la maintenance de Bootstrap 3 a pris fin en 2016.

Bootstrap a été initialement publié en 2011. Il est né à l'origine en tant que produit de Twitter et est connu comme « la bibliothèque HTML, CSS et JS la plus populaire au monde », mais sa tendance à la croissance semble maintenant avoir atteint un fin. Dan Tao et d'autres ont critiqué Boostrap pour son couplage étroit et son manque de défauts sémantiques :

Ce qui semblait au début être un grand nombre de composants de développement s'est maintenant transformé en une montagne de dettes techniques. Le HTML des développeurs est rempli de structures profondément imbriquées avec des attributs spécifiques à Bootstrap.

La première version alpha de la V4 est sortie en août 2015, la première version bêta étant sortie deux ans plus tard. Mais Bootstrap 4 est-il né au mauvais moment ? Son système de grille est l'un des principaux arguments de vente, mais l'adoption généralisée des grilles CSS par les navigateurs grand public signifie que la nouvelle grille basée sur flexbox dans Bootstrap 4 est obsolète.

Natalya Shelburne, ingénieur logiciel au New York Times, estime que CSS Grid est l'avenir :

CSS Grid n'est pas un hack, c'est un excellent outil de mise en page Web. Il n’y a rien à installer, pas de préprocesseurs et aucun effort casse-tête pour comprendre comment cela fonctionne.

De plus, Ryan Oglesby estime qu'en utilisant des techniques de style basées sur des composants (telles que celles souvent utilisées avec React ou Vue.js), les techniques traditionnelles de « CSS global » ne sont pas nécessaires :

Avec le Grâce à des bibliothèques d'interface utilisateur telles que React ou Vue.js, l'architecture d'application Web moderne a adopté des composants faiblement couplés et hautement cohérents qui mettent souvent HTML, CSS et JavaScript dans le même fichier.

Bien sûr, si les développeurs veulent créer quelque chose de beau et rapide, les plug-ins JavaScript de Bootstrap (tels que les contrôles Popover et Form) restent le framework préféré.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!