Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wie richtet man Text in Bootstrap-Tabellen aus?

Susan Sarandon
Freigeben: 2024-10-30 13:40:02
Original
357 Leute haben es durchsucht

How to Align Text in Bootstrap Tables?

Textausrichtungsklassen in Bootstrap für Tabellenelemente

Müssen Sie jemals Text in einer Tabelle, z. B. Finanzzahlen, rechtsbündig ausrichten? Bootstrap bietet Klassen, um diese Aufgabe mühelos zu bewältigen.

Bootstrap 3

Um Text in Bootstrap 3 richtig auszurichten, verwenden Sie die Klasse „text-right“.

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

Bootstrap 4

Verwenden Sie in Bootstrap 4 „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>
Nach dem Login kopieren

Bootstrap 5

Bootstrap 5 führt „text-start“ und „text-end“ ein:

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

Diese Klassen bieten Flexibilität für die Textausrichtung innerhalb von Tabellen, sodass Sie die Präsentation einfach steuern können Ihrer Daten.

Das obige ist der detaillierte Inhalt vonWie richtet man Text in Bootstrap-Tabellen aus?. 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!