Text-align Klasse für innerhalb einer Tabelle

Question

Gibt es eine Reihe von Klassen im Bootstrap-Framework von Twitter, die Text ausrichten?

Ich habe zum Beispiel einige Tabellen mit $ Summen, die ich rechts ausgerichtet haben möchte...

<th class="align-right">Total</th>

und

<td class="align-right">$1,000,000.00</td>

Answer 1

Wenn es in Bootstrap 4.5 nicht zu funktionieren scheint mit text-sm-right Berücksichtigen Sie, dass der Inhalt vielleicht zu groß für die Tabelle ist und die Tabelle nicht 100% des Containers ausfüllt (z.B. Spalte).

Machen Sie die Tabelle 100% breit:

 <table class="w-100">

Answer 2

In dieser drei Klassen Bootstrap ungültig Klasse

 .text-right {
     text-align: right; }

 .text-center {
     text-align: center; }

 .text-left {
    text-align: left; }