如何使用 Bootstrap 对齐表格中的文本？

Bootstrap 中的文本对齐类

在 Bootstrap 中，有各种文本对齐类可用于对齐表格内的文本。

Bootstrap 3

• text-left：将文本向左对齐。
• text-center：将文本水平居中。
• text- right：将文本向右对齐。
• text-justify：在整个宽度上对齐文本。
• text-nowrap：防止文本换行。

示例：

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

Bootstrap 4

与 Bootstrap 3 类似，Bootstrap 4 也提供了文本对齐类：

• text-xs-left ：在所有视口尺寸上左对齐文本。
• text-xs-center：在所有视口尺寸上将文本居中。
• text-xs-right：在所有视口尺寸上右对齐文本。
• 此外，text-sm-left、text-md-left、text-lg-left 和 text-xl-left 指定特定视口大小的左对齐（例如，sm 表示小，md 表示中）等）。

Bootstrap 5

在 Bootstrap 5 中，text-left 已替换为 text-start，text-right 已替换以文本结尾。否则，文本对齐类别保持不变。

以上是如何使用 Bootstrap 对齐表格中的文本？的详细内容。更多信息请关注PHP中文网其他相关文章！