Bootstrap 中文本居中的方法有四种：1. 使用文本对齐实用程序类（.text-center）；2. 设置 text-align CSS 属性为 "center"；3. 使用 flexbox（justify-content: center; align-items: center;）；4. 使用 Bootstrap 网格系统（.col-md-auto）。
Bootstrap 文本居中技巧
在 Bootstrap 中，有几种方法可以实现文本居中：
1. 文本对齐实用程序类
使用以下实用程序类之一：
-
.text-center：将文本水平居中于容器。 -
.text-center-sm：将小屏幕上的文本水平居中。 -
.text-center-lg：将中屏幕上的文本水平居中。 -
.text-center-xl：将大屏幕上的文本水平居中。
示例：
<code class="html"><p class="text-center">居中文本</p></code>
2. CSS 属性
可以通过设置 text-align CSS 属性为 "center" 来居中文本：
示例：
<code class="css">p {
text-align: center;
}</code>3. flexbox
使用 flexbox 也是一种居中文本的有效方法：
示例：
<code class="html"><div class="container"> <p style="justify-content: center; align-items: center;">居中文本</p> </div></code>
4. Bootstrap 网格系统
对于网格中的元素，可以将它们放在一行中并使用 .col-md-auto 类来自动调整它们的宽度，从而实现文本居中：
示例：
<code class="html"><div class="row">
<div class="col-md-auto">
<p>居中文本</p>
</div>
</div></code> 
