Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wie kann ich Text in Tabellen mit Twitter Bootstrap ausrichten?

Susan Sarandon
Freigeben: 2024-11-02 11:17:02
Original
973 Leute haben es durchsucht

How can I align text in tables using Twitter Bootstrap?

Tabellentextausrichtung in Twitter Bootstrap

Im Twitter Bootstrap-Framework können Sie Text in Tabellen mithilfe bestimmter Textausrichtungsklassen ausrichten.

Bootstrap 3

  • text-left: Linksbündiger Text
  • text-center: Zentrierter Text
  • text-right: Rechtsbündiger Text

Bootstrap 4

  • text-xs-{left|center|right}: Text für alle Ansichtsfenstergrößen ausrichten
  • text-{sm|md|lg|xl}-{left|center|right}: Text für bestimmte Ansichtsfenstergrößen ausrichten

Bootstrap 5

  • Textanfang: Linksbündiger Text (ersetzt Text-links)
  • Textende: Rechtsbündiger Text (ersetzt Text-rechts)

Beispiel :

Richtet die Summe in einer Tabellenzelle rechts aus:

<th class="text-end">Total</th>
Nach dem Login kopieren
<td class="text-end">,000,000.00</td>
Nach dem Login kopieren

Zusätzliche Hinweise:

  • Die bereitgestellten Beispiele richten Text in Tabellenüberschriften (th) und Datenzellen (td) aus.
  • Ausführlichere Informationen zu Textausrichtungsklassen finden Sie in der offiziellen Bootstrap-Dokumentation.

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!