在 Bootstrap 中使用 text-center 类

在 Bootstrap 中，text-center 类可以用来居中文本内容。

使用方法

在 HTML 中，使用 text-center 类可以让元素内容水平居中。

示例代码：

<div class="text-center">
    <h1>居中标题</h1>
    <p>这是一段居中对齐的文本内容。</p>
</div>

其它对齐方式

除了 text-center 类，Bootstrap 还提供了其它的对齐方式类。

• text-left: 左对齐
• text-right: 右对齐
• text-justify: 两端对齐

示例代码：

<div class="text-left">
    <h1>左对齐标题</h1>
    <p>这是一段左对齐的文本内容。</p>
</div>

<div class="text-right">
    <h1>右对齐标题</h1>
    <p>这是一段右对齐的文本内容。</p>
</div>

<div class="text-justify">
    <h1>两端对齐标题</h1>
    <p>这是一段两端对齐的文本内容。</p>
</div>

参考文献

Bootstrap 文档中有关于对齐方式的说明：

• 水平排列文本