Pourquoi mon texte n'est-il pas centré dans les colonnes de Bootstrap 4 ?

Problème d'alignement du texte avec col-xs-* dans Bootstrap 4

Lors de la tentative d'alignement du texte au centre d'une colonne dans Bootstrap 4 en utilisant col-xs-12, l'alignement échoue. Ce comportement diffère des versions antérieures de Bootstrap.

Explication

Dans Bootstrap 4, les classes col-xs-* ont été dépréciées au profit de col-*. Pour obtenir le même effet que col-xs-12, utilisez plutôt col-12.

Solution

Remplacez la ligne suivante :

<div class="col-xs-12 text-center">

avec :

<div class="col-12 text-center">

Supplémentaire Notes

• Les classes col-xs-offset-{n} ont également été remplacées par offset-{n} dans Bootstrap 4.
• Assurez-vous que les CSS et Les fichiers JavaScript pour Bootstrap 4 sont inclus dans votre code.

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!