Comment aligner le texte dans les tableaux Bootstrap ?

Classes d'alignement de texte dans Bootstrap pour les éléments de tableau

Avez-vous déjà eu besoin d'aligner du texte dans un tableau, tel que des chiffres financiers, justifié à droite ? Bootstrap fournit des classes pour gérer cette tâche sans effort.

Bootstrap 3

Pour aligner le texte directement dans Bootstrap 3, utilisez la classe "text-right".

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

Bootstrap 4

Dans Bootstrap 4, utilisez "text-{breakpoint}-{alignment}":

<code class="html"><p class="text-xs-left">Left-aligned on all viewports</p>
<p class="text-lg-right">Right-aligned on large and wider viewports</p></code>

Bootstrap 5

Bootstrap 5 introduit "text-start" et "text-end" :

<code class="html"><p class="text-start">Left-aligned text</p>
<p class="text-end">Right-aligned text</p></code>

Ces classes offrent une flexibilité pour l'alignement du texte dans les tableaux, vous permettant de contrôler facilement la présentation de vos données.

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!