Wie richte ich Text in Tabellen mit Bootstrap aus?

Textausrichtungsklassen in Bootstrap

In Bootstrap stehen verschiedene Textausrichtungsklassen zur Verfügung, um Text in Tabellen auszurichten.

Bootstrap 3

• text-left: Richtet den Text links aus.
• text-center: Zentriert den Text horizontal.
• text- right: Richtet Text rechts aus.
• text-justify: Richtet Text über die gesamte Breite aus.
• text-nowrap: Verhindert Textumbrüche.

Beispiel:

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

Bootstrap 4

Ähnlich wie Bootstrap 3 bietet Bootstrap 4 auch Textausrichtungsklassen:

• text-xs-left : Richtet Text in allen Ansichtsfenstergrößen links aus.
• text-xs-center: Zentriert Text in allen Ansichtsfenstergrößen.
• text-xs-right: Richtet Text in allen Ansichtsfenstergrößen rechts aus.
• Zusätzlich geben text-sm-left, text-md-left, text-lg-left und text-xl-left die Linksausrichtung für bestimmte Ansichtsfenstergrößen an (z. B. sm für klein, md für mittel). usw.).

Bootstrap 5

In Bootstrap 5 wurde text-left durch text-start und text-right ersetzt mit Textende. Ansonsten bleiben die Textausrichtungsklassen gleich.

Das obige ist der detaillierte Inhalt vonWie richte ich Text in Tabellen mit Bootstrap aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!