<p>Bootstrap 5 已移除所有 offset-* 类，必须改用 ms-auto/me-auto 或空列占位；Bootstrap 4 中 offset 必须带断点前缀（如 offset-md-3），且列宽+偏移值≤12，父容器须为 .row。</p>
offset-类必须带断点前缀才生效
直接写 offset-3 在 bootstrap 4 或 5 中完全无效——它不会加任何 margin-left，浏览器开发者工具里也查不到计算值。必须写成 offset-md-3、offset-lg-2 这种带明确断点前缀的形式。
常见错误包括：沿用 Bootstrap 3 的 col-md-offset-3（新版 CSS 根本没定义这个类）、漏掉断点写成 offset-3、或断点不匹配（如 col-lg-6 offset-md-3）。
-
offset-md-3只在 ≥768px 生效，xs/sm 下无偏移 - 想全尺寸统一偏移，得用
offset-2（对应 xs 断点，即最小断点） - 断点必须和列本身一致：
col-lg-4 offset-lg-2✅，col-lg-4 offset-md-2❌
列宽 + 偏移值不能超 12
这不是建议，是栅格系统硬性规则：col-md-8 offset-md-5 表面想右移 5 格，但 8 + 5 = 13 > 12 → 这列会直接换行，看起来像“偏移没起作用”，其实是被挤下去了。
同一断点下，所有 col-{bp}-X 和对应 offset-{bp}-Y 的数值之和必须 ≤ 12。注意：第二列的 offset 是从第一列结束位置起算，不是从行首，混用容易重叠或错位。
- 安全做法：只给目标列加
offset，其他列保持原始宽度 -
col-md-6 offset-md-6→ 刚好占满，实现右对齐 -
col-md-8 offset-md-2→ 8 + 2 = 10 ≤ 12，可居中（留出 2 格空白）
父容器必须是 .row，且不能嵌套 .row
offset- 类依赖 .row 的 flex 布局上下文和负 margin 补偿机制。如果把 col-md-4 offset-md-2 直接放在 .container 下，margin-left 虽然存在，但网格对齐逻辑已失效，视觉偏移不准甚至错位。
检查点：该列是否包裹在且仅一层 .row 内；.row 是否被手动加了 justify-content: center 或 flex-wrap: wrap-reverse ——这些会覆盖 offset 的 margin 效果。
- 别在同一个
.row里混用offset-*和ms-auto，它们都操作margin，可能冲突 - 用浏览器开发者工具看 computed styles，确认
margin-left是预期的calc((100% / 12) * n)形式 - 如果
margin-left是固定像素或 rem 值，说明你误用了ms-5等间距类，而非栅格偏移
Bootstrap 5 中 offset 类已被彻底移除
不是你写错了，是官方删了。Bootstrap 5 不再提供任何 offset-* 类（包括 offset-sm-2、offset-3），设计转向更底层的间距控制。
可靠替代方案只有两个：
- 用
ms-auto实现右偏移（例如居中一个col-6：加ms-auto me-auto） - 用空列占位：
<div class="col-3"></div><div class="col-9">内容</div>—— 语义清晰、响应式可控、无计算误差
别试图用 ms-5 “模拟” offset-md-3：gutter 是 1.5rem，3 列 ≈ 25%，而 ms-5 是固定值，不同断点下会失准。真正麻烦的不是写法，而是忘记 Bootstrap 5 已经没有 offset 类这件事——很多项目还在照搬旧文档抄代码，结果怎么调都不生效。
