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.
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-inverseuse the background variant mixin for proper text color. - #20333: Update progress bar to use
$progress-border-radiusinstead of$border-radius. - #20387: Use
$input-border-radius-*variables on.input-group-addons instead of$border-radius. - #20413: Remove unused
$sizeparameter 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
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.