最常用方式是给 .row 加 align-items-center 实现子列垂直居中，但需确保 .row 有足够垂直空间（如设 min-vh-100 或 h-100）；若仅单列需居中，应在该 .col 上加 d-flex align-items-center；align-self-center 仅让整列在行内居中，不控制列内内容；表格中需用 align-middle 或 d-flex 配合单元格/行/容器层级处理。
给 .row 加 align-items-center 是最常用方式
它让所有子 .col 在行高范围内垂直居中——但前提是 .row 有可对齐的垂直空间。如果内容撑开高度（比如只有两行文字），align-items-center 就没效果，因为没“富余空间”可居中。
常见错误是直接加了类却看不到变化，原因往往是：
- .row 父容器没设高度，比如缺 min-vh-100 或 h-100
- 响应式断点下某列被 d-none 隐藏，导致行高重算、视觉错位
- 自定义 CSS 覆盖了 display: flex，使 .row 失去 Flex 容器身份
推荐写法：<div class="container min-vh-100">
<br><code> <div class="row align-items-center h-100">
<br><code> <div class="col">内容</div>
