bootstrap 5 中 offset 类必须带断点前缀才生效，如 offset-md-3；直接写 offset-3 完全无效，css 规则不存在，浏览器不报错也不添加 margin-left；断点须与列一致，超限或不匹配会导致换行而非无反应。
bootstrap 5 中 offset 类必须带断点前缀才生效
直接写 offset-3 在 bootstrap 5 里完全无效——css 规则压根不存在，浏览器既不报错也不加 margin-left。必须写成 offset-md-3、offset-lg-2 这种带明确断点前缀的形式。断点名要和你列本身用的断点严格一致：col-lg-6 就配 offset-lg-3，写成 offset-md-3 在大屏下不会动。
偏移值超限或断点不匹配会导致换行而非“没效果”
常见错觉是“加了 offset 没反应”，实际往往是视觉上列掉到下一行了。原因有两个：
-
col-md-8 offset-md-5→ 8 + 5 = 13 > 12，这列直接换行 -
col-lg-4 offset-md-2→offset-md-2在 lg 断点未定义，CSS 不触发，margin-left为 0
调试时别只看 class 名有没有写对，要进开发者工具的 Computed Styles 查 margin-left 是否为 calc((100% / 12) * n) 形式。
移动端优先开发时，必须显式写 xs 断点
offset-md-3 只在 ≥768px 生效，手机屏（xs）下偏移归零，列会顶到最左——这不是 bug，是设计行为。想全尺寸统一右移 3 格，得写 offset-3（对应 xs 断点），不是漏掉前缀，而是显式声明最小断点。
如果列用了多断点，比如 col-12 col-md-8，偏移也得覆盖相同断点：offset-0 offset-md-2，否则小屏无偏移、中屏才有，容易错位。
Bootstrap 5 已废弃 offset 类，推荐用 ms-auto 或空列替代
严格来说，Bootstrap 5 官方文档仍保留 offset-{bp}-{n} 类，但底层逻辑已转向更可控的间距控制。真正可靠、无计算误差的方案只有两个：
- 用
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，而 offset 是按百分比算的，不同断点下像素值不等，混用必失准。
