<p>Bootstrap 5 彻底移除了 offset-* 类，应改用 ms-auto 或空 col 占位实现偏移：单列右对齐用 ms-auto，精确占位用 col-{breakpoint}-{width} 空列；响应式需显式声明断点行为，避免自定义 offset 类引发优先级与 gutters 冲突。</p>
Bootstrap 5 中 offset-* 类完全失效，别再查文档找原因了
直接说结论：offset-md-3、offset-sm-2 这类写法在 bootstrap 5 里根本不会生效——不是你 cdn 没加载对，也不是浏览器缓存问题，是官方彻底移除了这些类。css 文件里已经搜不到 .offset-* 的定义了。如果你的页面还在用这些类，开发者工具里能看到它们被解析但 margin-left 始终为 0，这就是静默忽略。
想让某列在中等屏右偏 3 格？用 ms-auto 或空 col 占位
两种主流方案，适用场景不同：
-
单列右对齐（比如表单提交按钮靠右）：目标列加
ms-auto，前面列保持默认，不用加me-auto； -
精确空出 3 列宽度（比如内容从第 4 栅格起始）：在目标列前插入一个空的
col-md-3，再跟col-md-6这类实际内容列——它参与 flex 布局，不塌陷，响应式断点也稳； -
避免踩坑：不要给多个列同时加
ms-auto，只有最后一个会生效；父容器必须是row（flex 容器），否则ms-auto完全没反应。
响应式偏移要手动覆盖，offset-sm-0 ms-md-auto 才是正解
Bootstrap 不提供“小屏无偏移、中屏开始偏移”的自动切换类。你得显式声明断点行为：
- 移动端不想偏移？必须写
ms-0 ms-sm-auto，否则ms-auto在所有尺寸都生效； - 想实现“小屏居中、中屏右偏、大屏固定距右 2rem”，就得组合：
justify-content-center justify-content-md-end me-md-3； - 嵌套占位更可靠：
col-sm-2 col-md-3 col-lg-1控制不同断点下空列宽度，比靠ms-5猜数值强得多。
别自己补 .offset-3 CSS 类，优先级和 gutters 会打架
有人为了兼容老代码，手写：.offset-3 { margin-left: calc(3 * (var(--bs-gutter-x) / 2)); }。它能跑，但隐患明显：
-
--bs-gutter-x默认是1.5rem，但项目可能已覆盖该 CSS 变量，导致计算错误； - 这个自定义类权重容易被 Bootstrap 内置的
ms-*覆盖，调试时 computed styles 里看到的 margin 可能不是你写的值； - 最麻烦的是：它只解决“向右”，没法处理
offset-lg--2这种左移需求——而me-auto天然支持。
真正容易被忽略的点是：空 col 占位虽然多写一行 HTML，但它语义清晰、断点可控、不依赖 margin 计算，是响应式偏移中最少翻车的路径。
