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

Ich vermute, weil CSS bereits über text-align:right AFAIK, Bootstrap hat keine spezielle Klasse für sie.

Bootstrap hat "pull-right" für schwebende divs, etc. auf der rechten Seite.

Bootstrap 2.3 kam gerade heraus und fügte Textausrichtungsstile hinzu:

Bootstrap 2.3 veröffentlicht (2013-02-07)

Answer 2

Bootstrap 4 ist im Kommen ! Die in Bootstrap bekannt gemachten Utility-Klassen 3.x sind jetzt mit Haltepunkten versehen. Die Standard-Haltepunkte sind: xs , sm , md , lg y xl so dass diese Textausrichtungsklassen etwa so aussehen .text-[breakpoint]-[alignnment] .

<div class="text-sm-left"></div> //or
<div class="text-md-center"></div> //or
<div class="text-xl-right"></div>

Das ist wichtig: Zum Zeitpunkt der Erstellung dieses Artikels befindet sich Bootstrap 4 erst in Alpha 2. Diese Klassen und wie sie verwendet werden, können ohne vorherige Ankündigung geändert werden.

Answer 3

Bootstrap Textausrichtung in v3.3.5:

 <p class="text-left">Left</p>
 <p class="text-center">Center</p>
 <p class="text-right">Right</p>

CodePen-Beispiel

Answer 4

Die folgenden Codezeilen funktionieren ordnungsgemäß. Sie können die Klassen wie text-center, links oder rechts zuweisen, der Text wird entsprechend ausgerichtet.

<p class="text-center">Day 1</p> 
<p class="text-left">Day 2</p> 
<p class="text-right">Day 3</p>

Hier ist es nicht notwendig, eine externe Klasse zu erstellen. Dies sind die Bootstrap-Klassen und haben ihre eigene Eigenschaft.

Answer 5

Sie können dieses CSS unten verwenden:

.text-right {text-align: right} /* For right align */
.text-left {text-align: left} /* For left align */
.text-center {text-align: center} /* For center align */