border-primary无颜色的根本原因是它只设置颜色，不启用边框样式；必须搭配border（即border-style:solid）才能生效，否则在默认border:0的组件中无效。
border-primary 为什么加了没颜色？
根本原因不是类名写错，而是 border-primary 只改颜色，不自动启用边框——它依赖已有 border-style。Bootstrap 5 的 .dropdown-menu、.card 等组件默认设了 border: 0 或 border-style: none，此时单加 border-primary 完全无效。
必须显式添加基础边框声明：
-
border（等价于border-style: solid） -
border-primary（设置颜色） - 可选
border-1～border-5控制粗细（但前提是边框已存在）
正确写法：class="border border-primary border-2"。漏掉 border，其他都白搭。
border-primary 对应的 CSS 变量是什么？
border-primary 最终映射到 CSS 自定义属性 --bs-primary，而不是硬编码色值。这个变量由 Sass 编译时注入，值来自 $primary 变量（如 #0d6efd）。
这意味着：
- 如果你用 CDN 引入已编译的
bootstrap.min.css，--bs-primary是固定值，无法运行时修改 - 若通过 Sass 重定义
$primary并重新编译，--bs-primary和所有border-primary表现会同步更新 - 浏览器开发者工具里直接改
document.documentElement.style.setProperty('--bs-primary', '#ff6b35')能临时生效，但不会影响--bs-primary-rgb等衍生变量，悬停/焦点态可能异常
怎么让 border-primary 在深色模式下也正常？
Bootstrap 5 默认不为 --bs-primary 提供暗色模式适配。单纯在 @media (prefers-color-scheme: dark) 里覆盖 --bs-primary 不够——你还得补全整套关联变量：
-
--bs-primary-rgb（用于rgba(var(--bs-primary-rgb), .1)等场景） -
--bs-primary-text-emphasis（确保文字在主色背景上可读） -
--bs-primary-border-subtle（控制边框浅色变体） -
--bs-primary-bg-subtle（影响卡片、徽章等背景）
少一个，就可能出现按钮悬停无变化、边框消失、或文字对比度不足的问题。别只盯着 border-primary 这一个类。
border-primary 和自定义边框颜色冲突怎么办？
当项目里既有 border-primary，又有手写的 style="border-color: #e83e8c" 或 .my-border { border-color: #e83e8c; }，优先级取决于来源：
- 内联
style属性 > 外部 CSS 类（包括border-primary） - 带
!important的规则 > 所有无!important的规则 - 同权重下，后加载的 CSS 规则胜出
调试建议：打开浏览器开发者工具，看 Computed 面板里 border-color 值被哪条规则覆盖；如果发现 border-primary 被灰色横线划掉，说明它被更高优先级样式压制了——这时要么提升自定义规则权重，要么删掉干扰的内联样式。
