应使用自定义固定尺寸类（如.btn-fixed-md），锁死min-height、padding、font-size、line-height等关键属性并加!important；Sass项目可提前覆盖$btn-padding-y等变量；btn-xs已移除，需新建.fixed-xs类；内容结构（图标、空格等）也需统一控制。
直接用 btn-sm/btn-lg 为什么尺寸还是不统一？
因为它们不是「固定尺寸」，而是「相对缩放」：在默认 .btn 基础上调整 padding 和 font-size，但不同主题类（比如 btn-outline-secondary 和 btn-primary）的 border-width、line-height 计算逻辑不同，最终盒模型高度常差 1–2px。字体渲染、图标内联、空格换行也会偷偷撑高按钮。
想真正统一大小，该用什么方案？
放弃语义化缩放类，改用自定义固定尺寸类——这是最可控、上线最快的做法：
-
.btn-fixed-md这类命名明确，不依赖 Bootstrap 内部变量 - 必须加
!important，否则 Bootstrap 的选择器权重更高，覆盖失败 - 关键属性要锁死：
min-height、padding、font-size、line-height（推荐用数字值如1.28571429避免继承浮动）
示例：
.btn-fixed-md {
min-height: 36px !important;
padding: 8px 16px !important;
font-size: 14px !important;
line-height: 1.28571429 !important;
border-radius: 4px !important;
}
如果项目已用 Sass 编译，怎么从源头控制？
在引入 Bootstrap 前，覆盖其 Sass 变量，比后期强覆盖更干净：
- 修改
$btn-padding-y-sm、$btn-font-size等变量，所有btn-sm/btn/btn-lg就会按你定义的基准生成 - 注意：Bootstrap 5 中
$btn-padding-y是中等尺寸基准，sm/lg都基于它计算比例 - 纯 CSS 项目无法走这条路，只能靠后置样式硬覆盖
btn-xs 还能用吗？
不能直接用。Bootstrap 4 起已移除 .btn-xs 类，官方不再支持。如果看到它生效，大概率是旧项目残留 CSS 或第三方插件注入的规则。需要超小按钮时，应新建 .btn-fixed-xs 并手动设 padding: 4px 8px 等值——别指望靠删类名“省事”，反而埋下兼容隐患。
<i class="bi bi-plus"></i> 的按钮，哪怕样式全一样，也可能比纯文本按钮高 1px——图标字体 baseline、内联元素 vertical-align、甚至看不见的空格都会触发重排。所以统一尺寸，永远要连内容结构一起控。
