如何對齊 Bootstrap 表中的文字？

Bootstrap 中表格元素的文字對齊類別

是否需要將表格內的文字（例如財務數字）右對齊？ Bootstrap 提供了一些類別來輕鬆處理此任務。

Bootstrap 3

要在 Bootstrap 3 中右對齊文本，請使用「text-right」類別。

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

Bootstrap 4

在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>

Bootstrap 5

Bootstrap 5 引入了「text-start」和「text-end」：

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

這些類別為表格內的文字對齊提供了靈活性，使您可以輕鬆控制簡報您的資料。

以上是如何對齊 Bootstrap 表中的文字？的詳細內容。更多資訊請關注PHP中文網其他相關文章！