border-primary等类不生效，因Bootstrap 5默认不启用边框颜色工具类，需确保$enable-border-colors: true，并搭配border或方向类（如border-top）使用，单独使用无效。
border-color 类名不生效？先确认 Bootstrap 版本
Bootstrap 5 默认禁用 border-color 工具类（如 border-primary），只保留 border、border-0 等基础边框开关。想用语义化颜色类，得手动启用——否则加了也看不到效果。
检查你用的是否是 Bootstrap 5+，并在 scss 自定义入口中确认是否启用了 $enable-border-radius 和 $enable-shadows 之外的 $enable-important-utilities 并不影响它；真正关键的是：$enable-css-custom-properties 默认为 true，但边框颜色工具类需显式开启 $enable-gradients？不，错。实际要翻 _variables.scss 找这行：
$enable-border-colors: true;
如果它是 false 或被注释掉，所有 border-{color} 类（如 border-success、border-info）都不会编译进 CSS。
Bootstrap 5 中正确使用 border-{color} 的前提
即使 $enable-border-colors: true，也得满足以下条件才能让 border-primary 这类类名起作用：
- 必须搭配
border或具体方向类（如border-top、border-start）一起用，单独写border-primary不会渲染边框 - 推荐组合写法：
border border-primary（全边框）、border-top border-danger（仅上边框+红色） - 注意方向类命名变化：Bootstrap 5 用
border-start/border-end替代旧版border-left/border-right（受 RTL 影响） - 颜色值来自
$theme-colors映射，如果你自定义了主题色但没更新$theme-colorsmap，新颜色名不会生成对应类
不想改源码？用 inline style 或自定义 class 更直接
如果只是临时改一个元素的边框颜色，或项目已锁定 Bootstrap 编译流程，硬开 $enable-border-colors 成本高，不如绕过工具类：
- 用
style="border-color: #dc3545;"最快，适合调试或小范围覆盖 - 写一条自定义 CSS：
.border-red-500 { border-color: #ef4444 !important; }，然后在 HTML 中用border border-red-500 - 避免用
!important的话，提高选择器权重，比如加父容器类：.card .border-alert { border-color: #fd7e14; } - 注意：Bootstrap 的
border类默认设border-width: 1px和border-style: solid，只换颜色时别漏了这两项，否则可能“看不见边框”
border-{color} 在不同版本的行为差异
Bootstrap 4 和 5 对边框颜色的支持逻辑不同，容易踩坑：
- Bootstrap 4：默认生成
border-{color}类，且自带border: 1px solid，所以border-primary单独用就能出效果 - Bootstrap 5：拆分为
border（控制宽/样式） +border-{color}（仅控制色），二者必须共存；否则只有颜色声明，没有边框渲染 - 错误示例：
<div class="border-primary">…</div>→ Bootstrap 5 下无边框；正确写法：<div class="border border-primary">…</div> - 升级时若发现边框消失，第一反应不是删 class，而是补上
border
真正麻烦的不是怎么写，而是团队里有人按 Bootstrap 4 习惯写了 border-warning 就跑，到生产环境才发现没边框——这种隐性依赖最容易漏测。
