Qu'est-il arrivé à la compensation des colonnes dans Bootstrap 4 Beta ?

Bootstrap 4 Beta : suppression et restauration de la compensation des colonnes

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-.

Compensation personnalisée

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

Utilisation d'espaces réservés factices

<br><div><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">  <div>

Copier après la connexion

Utilisation de ml-auto et mr-auto

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

<br><div><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">    <div>

Copier après la connexion