Bootstrap 4, nouvelle version alpha 4

Le 5 septembre dernier, l’équipe de développement Bootstrap a annoncé une nouvelle mise à jour alpha nommée Alpha 4. Après plus d’un an suivant l’annonce de Bootstrap 4, l’équipe affine son bébé en nous pondant une nouvelle version alpha (en espérant que ce soit la dernière!). Découvrons ensemble les nouveautés. Avant tout, je tiens à […]

Posté le par Benoît Philibert|594 vues

Le 5 septembre dernier, l’équipe de développement Bootstrap a annoncé une nouvelle mise à jour alpha nommée Alpha 4. Après plus d’un an suivant l’annonce de Bootstrap 4, l’équipe affine son bébé en nous pondant une nouvelle version alpha (en espérant que ce soit la dernière!). Découvrons ensemble les nouveautés.

Avant tout, je tiens à m’excuser pour le temps de latence. Nous sommes le 21, soit plus de 2 semaines « post annonce » de l’équipe de développement sur leur blog. Mea culpa, je bosse beaucoup en ce moment pour de gros clients nationaux ce qui ralentit fortement à production. Si jamais vous en voulez plus et plus souvent, n’hésitez pas à partager le contenu et m’alerter dans les commentaires à fin que je puisse améliorer mon rendement 😉

 

Pas grand chose à se mettre sous la dent

Première chose à noter et non des moindres, cette nouvelle version ne casse pas la baraque en deux. En effet, quelques lignes seulement sont réservées au descriptif de cette version Alpha 4. L’équipe énumère deux-trois bugs fixés et brefs changements sur les éléments cards, utilities, input group et alerts.
Ci-dessous vous trouverez la liste officielle des modifications apportées avec la version Alpha 4 :

Summary of changes

A small « alpha patch » to address the npm package from not having any JS files and incorporate a few small changes to our CSS and docs.

CSS

  • #20130: Make .bg-inverse use the background variant mixin for proper text color.
  • #20333: Update progress bar to use $progress-border-radius instead of $border-radius.
  • #20387: Use $input-border-radius-* variables on .input-group-addons instead of $border-radius.
  • #20413: Remove unused $size parameter from grid mixin.
  • #20447: Make cards block level in columns.
  • #20469: Remove non ASCII character from table CSS.
  • #20485: Use rem units on Alert’s dismiss icon.
  • #20545: Removed the inconsistent margins between flex and non-flex modes from .media. Replaced them with spacing utils in our docs examples.
  • #20597: Removed unused variables in some grid mixins.
  • #20619: Ensure hover effects work on text utilities.
  • #20629: Update form checkbox and radio styles for validation; tweak docs to match.

Docs

  • #20282: Fix typo in Migration docs about Reboot and unit changes.
  • #20341: Update static tooltip demo in docs to use proper class names.
  • #20417: Import the flexbox utilities into the docs flex stylesheet to fix broken flex utility docs.
  • #20475: Update flexbox grid docs to show auto-sizing of sibling columns when using a centered, odd-count column.
  • #20476: Remove CDN coming soon notice from docs page.
  • #20484#20489: Fix segmented button in input group examples.
  • #20505: Update migration guidelines for renamed table variants.
  • #20519: Add migration note about .panel-group.
  • #20551: Ensure progress component table of contents renders.
  • #20553: Properly size split dropup variation with modifier class.

Packaging

  • #20385#20418: Fix for npm not having a JS directory.
  • #20394: Point package.json‘s main to proper JS file for package managers.

 

La version alpha 3 bien plus croustillante en terme d’info

En effet, si l’on veut connaitre ce que ces dernières versions alpha apportent à Bootstrap 4, il est beaucoup plus utile de se tourner sur la version 3. Cela tombe bien, nous n’en avons pas parlé ici !

Pour plus d’info, je vous invite à vous tourner sur le blog officiel de Bootstrap.

 

Besoin de plus d’info? Plus de liens :


Ces articles pourraient vous intéresser

Tags

Commenter
Votre adresse email ne sera pas publiée. Champs obligatoire *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.