Comment puis-je aligner du texte dans un tableau à l'aide des classes CSS Bootstrap ?

Comment aligner le texte dans un tableau à l'aide de classes CSS

Le framework Bootstrap de Twitter offre un ensemble robuste de classes CSS pour aligner le texte dans les éléments HTML . Ces classes peuvent être appliquées aux éléments du tableau pour obtenir l'alignement souhaité.

Bootstrap 3

Pour Bootstrap 3, les classes suivantes peuvent être utilisées pour aligner le texte dans les cellules du tableau :

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

Exemple :

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

Bootstrap 4

Bootstrap 4 introduit un contrôle plus granulaire sur l'alignement du texte, permettant vous pouvez spécifier différents alignements pour différentes tailles de fenêtre. Les classes suivantes sont disponibles :

• .text-xs-left : texte aligné à gauche sur toutes les tailles de fenêtre
• .text-xs-center : texte aligné au centre sur toutes les fenêtres tailles
• .text-xs-right : texte aligné à droite sur toutes les tailles de fenêtre
• .text-sm-left : texte aligné à gauche sur les fenêtres de taille SM (petite) ou plus large
• .text-md-left : texte aligné à gauche sur les fenêtres de taille MD (moyenne) ou plus large
• .text-lg-left : texte aligné à gauche sur les fenêtres de taille LG (grande) ou plus large
• .text-xl-left : texte aligné à gauche sur les fenêtres de taille XL (extra-large) ou plus large

Bootstrap 5

Dans Bootstrap 5, .text-left a été remplacé par .text-start et .text-right a été remplacé par .text-end. Sinon, les options d'alignement 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!