Bootstrap 4 Beta : suppression et restauration de la compensation de colonne

Bootstrap 4, dans sa version bêta 1, a introduit des changements importants dans la façon dont les colonnes étaient décalées. Cependant, avec la version ultérieure de la version bêta 2, ces modifications ont été annulées.

De offset-md-* à ml-auto

Dans Bootstrap 4 Beta 1, les classes offset-md-* ont été supprimées. Au lieu de cela, les développeurs ont été encouragés à utiliser la classe .ml-auto pour décaler les colonnes. Cependant, cette méthode n'offrait pas le même niveau de précision que l'approche précédente.

Restauration des classes de décalage dans la version bêta 2

Heureusement, dans la version bêta 2, les classes de décalage ont été restaurés. La nouvelle syntaxe utilise le format offset-{breakpoint}-, remplaçant la syntaxe précédente col-{breakpoint}-offset-.

Custom Offsetting

Pour obtenir des décalages de colonnes personnalisés, tels que le désormais obsolète

  <div>

Utilisation de ml-auto et mr-auto

Pour centrer deux colonnes adjacentes, les développeurs peuvent appliquer ml-auto et mr-auto aux deux colonnes.

    <div>

Utilisation de mx-auto

Pour centrer une seule colonne, les développeurs peuvent utiliser mx-auto pour créer des marges égales des deux côtés.

Conclusion

La suppression et la restauration des décalages de colonnes dans Bootstrap 4 ont créé une certaine confusion temporaire pour les développeurs. Cependant, avec la réintroduction de classes de décalage spécifiques dans la version bêta 2, ainsi que la disponibilité de méthodes de contournement, les développeurs peuvent continuer à créer des dispositions de colonnes personnalisées dans Bootstrap 4.