Bagaimana untuk Menjajarkan Teks dalam Jadual Bootstrap?

Kelas Penjajaran Teks dalam Bootstrap untuk Elemen Jadual

Pernah perlu menjajarkan teks dalam jadual, seperti angka kewangan, wajar? Bootstrap menyediakan kelas untuk mengendalikan tugas ini dengan mudah.

Bootstrap 3

Untuk menjajarkan teks terus dalam Bootstrap 3, gunakan kelas "teks-kanan".

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

Bootstrap 4

Dalam Bootstrap 4, gunakan "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>

Bootstrap 5

Bootstrap 5 memperkenalkan "text-start" dan "text-end":

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

Kelas ini memberikan fleksibiliti untuk penjajaran teks dalam jadual, membolehkan anda mengawal pembentangan dengan mudah data anda.

Atas ialah kandungan terperinci Bagaimana untuk Menjajarkan Teks dalam Jadual Bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!