Nouvelle version alpha de Bootstrap 4

Mardi 8 décembre, l’équipe de développement a annoncé sur le blog la sortie de la version « Alpha 2 » de Bootstrap 4. Nous allons rapidement faire un tour d’horizon des nouveautés et corrections de bugs apportées.

Vous le savez déjà, la version 4 de Bootstrap pointe son nez depuis fin août. De nombreuses nouveautés viennent alimenter l’excellent framework CSS de Twitter. Il y a maintenant 2 jours, l’équipe de développement a annoncé sur son blog officiel l’apparition d’une version « Alpha 2 ». Cette dernière apporte bon nombre de correctifs et changements mineurs à la première version alpha.

Les nouveautés notables

• Passage des breakpoints en px et non plus en em
• Passage de l’épaisseur de bordure à 1px au lien de .0625rem
• La classe d’image responsive ne s’appelle plus imv-responsive mais bien img-fluid pour « éviter les confusions »
• Les éléments inputs et button disposent des mêmes variables concernant les bordures pour la gestion des tailles des composants
• Le composant card a été revu. Il dispose de mixin CSS et d’une apparence secondaire type « outline » (similaire aux boutons).

Une sortie prévue pour ?

C’est la grande question du moment. Personnellement je pense que les choses devraient se décanter au premier trimestre 2016. Les fêtes de fin d’année approchent à grand pas et le développement de Bootstrap 4 passe aussi par l’aide de sa communauté. Il reste encore beaucoup à faire mais je suis sur que nous pourrons rapidement jouir de cette nouvelle version. Comptez fin janvier/mi-février.

Que prépare MonBootstrap ?

Nous allons passer à la vitesse supérieur dès 2016. Je vais me réserver des plages horaires pour vous proposer des petites formations vidéos gratuites et accessibles à tous afin de débuter l’année par un apprentissage du framework de la meilleure des façons. Plus tard, viendra une formation complète de plusieurs heures qui traitera tout les sujets de Bootstrap 4 de A à Z. Ci-dessous un bref aperçu du contenu de la future formation.

• Présentation de Bootstrap
  • Généralités
  • Approche Mobile First
  • Gestion de la grille
  • Débuter avec les composants
•  Aller plus loin avec Bootstrap
  • Intégrer des composants complexes
  • Modifier l’apparence de Bootstrap avec du CSS
  • Découvrir jQuery avec Bootstrap
• Découvrir SASS & SCSS
  • Qu’est-ce que SASS
  • Mais pourquoi SCSS ?
  • Customiser l’apparence de Bootstrap avec SCSS
  • Adapter et créez vos propres variables SCSS
• Customiser Bootstrap de A à Z.
  • Créer un template Bootstrap complet avec SCSS

Dans cette formation vidéo, vous aurez accès à toutes les sources utilisées et crées ainsi qu’un espace dédié pour poser vos questions. J’y répondrais avec le plus grand soin et la plus grande implication afin de vous permettre de monter rapidement en compétence avec Bootstrap et voler de vos propres ailes.