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
793 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!

source:php.cn
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