Maison  >  Article  >  interface Web  >  Qu'est-il arrivé à la compensation des colonnes dans Bootstrap 4 Beta ?

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

Linda Hamilton
Linda Hamiltonoriginal
2024-11-08 00:50:02791parcourir

What Happened to Column Offsetting in 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:CSS peut-il sélectionner des éléments basés sur le HTML interne ?Article suivant:CSS peut-il sélectionner des éléments basés sur le HTML interne ?

Articles Liés

Voir plus