<p>直接改 $grid-gutter-width 变量仅在 Sass 编译项目中有效，CDN 或纯 CSS 项目须用 gx-* 类；响应式 gutter 必须加在 .row 上，通过 $gutters map 和 @include generate-gutter-classes() 控制生成。</p>
直接改 $grid-gutter-width 变量只在 sass 编译项目里有效，cdn 引入或纯 css 项目中改了也白改——浏览器根本看不到新规则。
响应式 gutter 要用 gx-* 类，别写在 .col 上
gutter 是靠 .row 的负 margin 和 .col 的 padding 配对实现的，这个机制只对 .row 生效。
-
gx-3、gy-2、g-lg-4这些类必须加在.row元素上，写成<div class="col-6 gx-3">—— 完全无效 - 想“小屏无间隙、中屏开始有 1rem、大屏变 1.5rem”，直接写：
<div class="row gx-0 gx-md-3 gx-lg-4"> - 类名里的断点前缀表示生效起点：
gx-sm-2从sm（≥576px）起生效；gx-md-0表示从md（≥768px）起取消水平 gutter - 清零 gutter 别用
no-gutters（Bootstrap 4 废弃类，5 里已彻底移除），真正有效的只有g-0、gx-0、gy-0
自定义断点时必须手动调用 @include generate-gutter-classes()
如果你新增了断点，比如 $grid-breakpoints: (xs: 0, sm: 480px)，光改变量是不够的。
-
gx-xs-2这类类名压根不会被编译出来，除非你显式调用@include generate-gutter-classes() - 调用位置必须在
@import "bootstrap/scss/bootstrap"之前，且要在声明新断点和新$guttersmap 之后 -
$grid-gutter-width在 Bootstrap 5.3+ 中已降级为“仅初始化用途”，真正控制 gutter 类生成的是$guttersmap
全局改 gutter 宽度要重编译，不能只改变量
改 $grid-gutter-width: 0.75rem（即 12px）只是第一步，漏掉后续步骤就等于没改。
- 确认构建流程真的
@import了完整的 Bootstrap SCSS 入口，而不是只引入部分模块 - 检查是否在
@import前就覆盖了$gutters和$grid-breakpoints—— 顺序错了，新值会被忽略 - CDN 或纯 CSS 项目无法走这条路径，只能靠
gx-*工具类局部调整 - 别用
px-3模拟 gutter：它只加.col的 padding，不抵消.row的负 margin，结果整行向左偏移 15px，布局失衡
最常被忽略的一点：gutter 类不是运行时读取变量计算出来的，而是编译时“固化”进 CSS 的。改了变量但没重编译，页面自然没变化。
