À l'occasion du quatrième anniversaire de Bootstrap (19 août), la version alpha de Bootstrap 4 a été publiée. Voyons maintenant quelles mises à jour Bootstrap 4 a apportées !!

• Migration de Less vers Sass: Désormais, Bootstrap a rejoint la famille Sass. Grâce à Libsass, la vitesse de compilation de Bootstrap est plus rapide qu'auparavant ;
• Système de grille amélioré: Ajout d'un nouveau niveau de grille pour les appareils mobiles, et réorganisation des mixins sémantiques.
• Prise en charge du choix du modèle flexbox: C'est une fonctionnalité qui fait époque — il suffit de modifier une variable booléenne pour tirer parti des avantages de flexbox pour une mise en page rapide.
• Wells, thumbnails et panels dépréciés, remplacés par les cards: Les cards sont un concept tout nouveau, mais elles fonctionnent un peu comme les wells, thumbnails et panels, et sont même plus pratiques.
• Regroupement de toutes les feuilles de style de réinitialisation HTML dans Reboot: Vous pouvez utiliser Reboot là où Normalize.css ne peut pas être utilisé ; il offre plus d'options. Par exemplebox-sizing: border-box, les ajustements de marge, etc. sont stockés dans un fichier Sass séparé.
• Nouvelles options de personnalisation: Contrairement à la version précédente, les dégradés, les fondus, les ombres et autres effets ne sont plus placés dans des feuilles de style séparées. Au lieu de cela, toutes les options ont été déplacées dans une seule variable Sass. Vous voulez définir un effet par défaut globalement ou pour des coins que vous n'avez pas envisagés ? C'est simple : il suffit de mettre à jour la valeur de la variable et de recompiler.
• Ne prend plus en charge IE8, utilise les unités rem et em: Abandonner la prise en charge d'IE8 signifie que les développeurs peuvent profiter de CSS en toute confiance sans avoir à rechercher des contournements CSS ou des mécanismes de repli. Utiliser rem et em au lieu des unités px est mieux adapté aux mises en page responsives et au contrôle de la taille des composants. Si vous devez prendre en charge IE8, vous ne pouvez continuer à utiliser que Bootstrap 3.
• Réécriture de tous les plugins JavaScript: Pour tirer parti des nouvelles fonctionnalités JavaScript, Bootstrap 4 a réécrit tous les plugins en ES6. Il fournit désormais la prise en charge d'UMD, des méthodes de déstructuration génériques, la vérification du type des options et d'autres fonctionnalités.
• Positionnement automatique amélioré pour les infobulles et les popovers: Cela grâce à l'aide de l'outil Tether.
• Documentation améliorée: Toute la documentation a été réécrite en Markdown, avec quelques plugins pratiques ajoutés pour organiser les exemples et les extraits de code. La documentation sera plus pratique à utiliser, et l'optimisation de la recherche est également en cours.
• Plus de changements: Prise en charge des contrôles de formulaire personnalisés, des classes d'espacement et de remplissage, ainsi que de nouvelles classes utilitaires, entre autres.

Prise en charge de la v3

Lors de la sortie de Bootstrap 3, Bootstrap a abandonné la prise en charge de la version 2.x, causant des difficultés à de nombreux utilisateurs. La même erreur ne sera pas commise une seconde fois. Dans un avenir proche, l'équipe de développement continuera de corriger les bugs de la v3 et d'améliorer la documentation. Une fois la v4 enfin publiée, la documentation de la v3 ne sera pas retirée.

En plus de publier l'alpha de Bootstrap 4, l'équipe officielle a également publié des thèmes Bootstrap. Cependant, ils sont tous payants.

À l'avenir, Example continuera de suivre les évolutions de Bootstrap 4. Lorsque la version stable sera publiée, nous mettrons à jour le tutoriel chinois dès que possible.

Liens connexes

Site officiel de Bootstrap 4 :http://v4-alpha.getbootstrap.com/

Tutoriel Bootstrap 3 :http://www.example.com/bootstrap/bootstrap-tutorial.html

Outils en ligne Bootstrap :http://www.example.com/try/bootstrap/layoutit/