Maison > Article > interface Web > 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><pre class="brush:php;toolbar:false"> <div>
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><pre class="brush:php;toolbar:false"> <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 à réaliser des dispositions de colonnes personnalisées dans Bootstrap 4.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!