必须按“方向缩写+断点前缀+-n*”顺序书写，如ms-sm-n2、me-md-n3；n2-sm或sm-n2无效，且不可硬写style="margin-left:-15px"，否则破坏响应式逻辑与单位一致性。
ms-sm-n2 这类负 margin 类怎么写才生效
顺序必须是「方向缩写 + 断点前缀 + -n*」，比如 ms-sm-n2、me-md-n3。写成 n2-sm 或 sm-n2 都无效，CSS 根本不匹配。
常见错误现象：DevTools 里看到类名被划掉 → 不是断点顺序错，就是断点名拼错（比如把 md 写成 medium）；小屏下负边距还在 → 用了无断点的 mt-n2，它从 xs 起就生效；RTL 页面里左侧没动 → 该用 ms-（逻辑起点），别用 ml-（物理左侧）。
为什么不能直接 style="margin-left: -15px"
硬写像素值会绕过 Bootstrap 的响应式计算体系，导致：
- 断点切换时负边距“卡死”：手机屏下仍是
-15px，而ms-sm-n2在sm以下根本不生效 - 单位冲突：
Bootstrap默认1rem = 16px，-15px和-0.5rem（即n2）不等价，缩放或动态字体下偏移 - 无法参与 Sass 变量联动：改了
--bs-spacer，手写像素值不会变
哪些地方能安全加负 margin
只推荐两个明确场景，其他位置加容易破坏布局：
- 让元素突破父容器边界：比如 banner 图片要铺满视口，但父级是
.container，就在外层 wrapper 加mx-n5，而不是改.container - 微调组件默认间距：比如
nav-tabs下划线太靠下，用mb-n1往上提；card标题和body之间空太多，用mt-n2抵消部分mb-3 - 别给
.row或.col直接加负 margin：会打破栅格系统中负外边距与正内边距的精确抵消关系，导致列溢出、换行错位
自定义负 margin 基准值只能改 Sass 变量
--bs-spacer 是 CSS 自定义属性，但负 margin 类（n1～n5）是 Sass 编译时生成的固定值，不参与运行时 calc()。所以：
- 改
:root { --bs-spacer: 2rem }对mt-n3没用 - 唯一可靠方式是在 Sass 源码里重定义
$spacersmap，比如把n3对应的值从1rem改成1.25rem - 改完必须重新编译 CSS，否则 HTML 里写了
ms-lg-n3也无效
负 margin 看似简单，但它的生效依赖 Bootstrap 整套 spacing 生成逻辑和断点媒体查询规则。漏掉一个断点前缀、写错一个方向缩写、或者在不该动的地方硬加 style，都可能让布局在某个断点下突然错位。
