Maison > interface Web > tutoriel CSS > Pourquoi col-xs-* ne fonctionne-t-il pas dans Bootstrap 4 ?

Pourquoi col-xs-* ne fonctionne-t-il pas dans Bootstrap 4 ?

Mary-Kate Olsen
Libérer: 2024-12-26 10:24:11
original
860 Les gens l'ont consulté

Why Doesn't col-xs-* Work in Bootstrap 4?

col-xs-* ne fonctionne pas dans Bootstrap 4

Vous pouvez rencontrer ce problème lorsque vous essayez de redimensionner les colonnes dans le problème Bootstrap, où le col Les classes -xs-* ne semblent pas fonctionner. Lorsque vous définissez la colonne sur une taille moyenne :

<h1>
Copier après la connexion

L'alignement du texte fonctionne correctement :
[Image d'alignement du texte]

Cependant, lorsque vous définissez la colonne sur une taille très petite (extra small) :

 <div>
Copier après la connexion

L'alignement du texte ne fonctionne plus :
[Image d'erreur d'alignement du texte]

La raison pour laquelle cela ne fonctionne pas est due à la dépréciation de Bootstrap 4 col-xs- * cours. Vous devez utiliser les classes col-* pour spécifier les dimensions des colonnes. Par exemple, remplacez col-xs-12 par col-12.

Veuillez également noter que col-xs-offset-{n} est également remplacé par offset-{n} dans la v4.

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 de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal