bootstrap 居中

在 Bootstrap 中，可以使用以下类来实现居中效果：

1. 水平居中：使用 `mx-auto` 类将元素水平居中，例如：

<div class="container">
  <div class="row">
    <div class="col-md-6 mx-auto">
      <p>这是一个居中的段落</p>
    </div>
  </div>
</div>

2. 垂直居中：使用 `d-flex` 和 `align-items-center` 类将元素垂直居中，例如：

<div class="container">
  <div class="row">
    <div class="col-md-6 d-flex align-items-center">
      <p>这是一个垂直居中的段落</p>
    </div>
  </div>
</div>

3. 水平垂直居中：结合以上两种方式，即可实现元素在水平和垂直方向上的居中效果，例如：

<div class="container">
  <div class="row">
    <div class="col-md-6 d-flex align-items-center mx-auto">
      <p>这是一个水平垂直居中的段落</p>
    </div>
  </div>
</div>

以上是使用 Bootstrap 实现居中效果的基本方法，如果需要更加复杂的居中效果，可以使用 CSS 的 `flexbox` 和 `grid` 布局。