Comment aligner le texte dans les tableaux à l’aide de Bootstrap ?

Classes d'alignement de texte dans Bootstrap

Dans Bootstrap, différentes classes d'alignement de texte sont disponibles pour aligner le texte dans les tableaux.

Bootstrap 3

• text-left : aligne le texte à gauche.
• text-center : centre le texte horizontalement.
• text-right : aligne le texte à droite.
• text-justify : justifie le texte sur toute la largeur .
• text-nowrap : empêche le texte emballage.

Exemple :

<code class="html"><th class="text-right">Total</th>
<td>,000,000.00</td></code>

Bootstrap 4

Semblable à Bootstrap 3, Bootstrap 4 fournit également des classes d'alignement de texte :

• text-xs-left : aligne le texte à gauche dans toutes les fenêtres tailles.
• text-xs-center : centre le texte sur toutes les tailles de fenêtre.
• text-xs-right : aligne le texte à droite sur toutes les tailles de fenêtre.
• De plus, text-sm-left, text-md-left, text-lg-left et text-xl-left spécifient l'alignement à gauche pour des tailles de fenêtre spécifiques (par exemple, sm pour petit, md pour moyen, etc.).

Bootstrap 5

Dans Bootstrap 5, text-left a été remplacé par text-start, et text-right a été remplacé par text-end. Sinon, les classes d'alignement du texte restent les mêmes.

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!