必须用gx-0，因.row的margin-left: -0.75rem与.col的padding-left: 0.75rem配对抵消以实现顶满容器；mx-0或margin: 0仅清负边距却保留padding，导致整行右偏0.75rem、内容裁切或横向滚动条。
必须用 gx-0，不是 mx-0 或 margin: 0
直接覆盖 .row 的 margin 会撕裂 Bootstrap 的 gutter 协同机制。.row 的 margin-left: -0.75rem 和子元素 .col 的 padding-left: 0.75rem 是配对存在的——前者不是“多余样式”，而是为了视觉上让列内容顶满容器边缘。写 mx-0 或 margin: 0 只清掉了负边距，.col 的 padding 还在，整行向右偏移 0.75rem，右侧内容可能被裁切，甚至触发横向滚动条。
gx-0 怎么起作用：它重置的是整套 gutter 协议
gx-0 不是简单设 margin 为 0，而是通过 CSS 自定义属性 --bs-gutter-x: 0 触发框架级响应：
-
.row的margin-left和margin-right自动归零 - 所有直系子
.col的padding-left和padding-right同步归零 - flex 布局宽度计算不受干扰，
col-12仍能撑满父容器 - 支持响应式组合，例如
gx-0 gx-md-3：移动端无间隙，≥md 屏恢复默认水平间距
嵌套场景下，gx-0 必须加在对应层的 .row 上
常见错误是只在外层 .row 加 gx-0，但侧边栏里一个卡片组件内部又用了 .row，结果卡片仍有缩进。因为每层 .row 独立管理自己的 gutter：
- 如果嵌套的
.row在.col内部，且你希望它贴边，就得单独给它加gx-0 - 若仍有 1–2px 偏移（尤其在高缩放比或 RTL 模式下），可额外补
mx-n3（BS5）作微调，仅用于视觉对齐 - 别用
ml-n3 mr-n3—— 它不支持 RTL，也无法响应式控制
别碰 no-gutters、p-0 或手写 CSS 变量
这些写法要么已弃用，要么不参与 gutter 协议：
-
no-gutters是 Bootstrap 4 的类，v5+ 已移除，强行使用会被忽略 -
p-0加在.row上，只清它自身的 padding，对 gutter 零影响，反而可能干扰 flex 子项垂直对齐 - 手写
.row { --bs-gutter-x: 0 }无效——该变量需配合工具类激活，单独设置不会触发.col的 padding 重算 - 全局改间距？必须修改 Sass 变量
$spacers并重新编译，运行时改:root { --bs-spacer: 2rem }对负 margin 类（如mt-n3）完全无效
.row 的 gx-0；而一旦漏掉，偏移和裁切问题往往藏在视觉细节里，DevTools 中 margin 显示为 0，却看不到 .col 的 padding 还在撑开空间。 
