Comment puis-je aligner le texte dans les tableaux à l'aide de Twitter Bootstrap ?

Alignement du texte des tableaux dans Twitter Bootstrap

Dans le framework Bootstrap de Twitter, vous pouvez aligner le texte dans les tableaux à l'aide de classes d'alignement de texte désignées.

Bootstrap 3

• text-left : texte aligné à gauche
• text-center : texte aligné au centre
• text-right : Texte aligné à droite

Bootstrap 4

• text-xs-{left|center|right} : aligner le texte pour toutes les tailles de fenêtre
• text-{sm|md|lg|xl}-{left|center|right} : aligner le texte pour des tailles de fenêtre d'affichage spécifiques

Bootstrap 5

• text-start : texte aligné à gauche (remplace le texte à gauche)
• text-end : texte aligné à droite (remplace le texte à droite)

Exemple :

Alignez le total dans une cellule du tableau à droite :

<th class="text-end">Total</th>

<td class="text-end">,000,000.00</td>

Notes supplémentaires :

• Les exemples fournis alignent le texte dans les en-têtes de tableau (th) et les cellules de données (td).
• Référez-vous à la documentation officielle de Bootstrap pour des informations plus détaillées sur les classes d'alignement de texte.

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!