没有。Bootstrap 5 不提供 border-opacity- 类，边框透明度需用 border-color: rgba() 实现，不可用 opacity- 工具类替代，因其会整体降透明且影响可访问性与视觉质量。

Bootstrap 5 有没有 border-opacity-50 这类工具类？ 没有。border-opacity-50 在 Bootstrap 5 中**根本不存在**，也不是官方文档或源码里的类名。Bootstrap 5 的辅助类体系里，opacity- 工具类只作用于整个元素的 opacity 属性（影响内容、边框、背景全部），而它**不提供专门控制边框透明度的独立工具类**，比如 border-opacity-* 或 border-alpha-。 常见错误现象：在 HTML 里写了 border-opacity-50，开发者工具里查不到对应样式，边框完全没变化——因为这个类压根没被 Bootstrap 定义。 真正起效的边框透明方案只有两种：用 border-color 配合 rgba() 值，或者用原生 CSS 的 border 简写属性显式带 alpha。

怎么给边框加透明度？用 border-color: rgba() 最直接 Bootstrap 5 默认边框颜色来自 CSS 变量（如 --bs-border-color），但这些变量本身不含 alpha。所以不能只改变量值，得覆盖 border-color。

• 直接写内联样式：style="border-color: rgba(13, 110, 253, 0.3)"
• 写自定义 class（推荐）：

  .border-primary-30 { border-color: rgba(var(--bs-primary-rgb), 0.3); }

• 如果要适配深色模式，可结合 @media (prefers-color-scheme: dark) 调整 rgba 值
• 注意：不要只写 background-color: ... 或 color: ...，它们对边框无效

为什么不用 opacity-50 给边框“调透明”？ opacity-50 会让整个元素（包括文字、子节点、边框、背景）统一变半透明，副作用明显：

• 文字也变淡，可能违反可访问性对比度要求（WCAG AA/AAA）
• 如果边框是虚线或圆角，叠加 opacity 后边缘会发虚，视觉质量下降
• 无法单独控制边框 vs 文字 vs 背景的透明层级
• 和 disabled、pointer-events 等语义混用时逻辑混乱

简单说：opacity-50 是“整体雾化”，border-color: rgba(..., 0.3) 是“精准控边”。

想复用 Bootstrap 颜色变量 + 透明度？必须用 rgba(var(--bs-xxx-rgb), a) Bootstrap 5 提供了所有主题色的 RGB 元组变量（如 --bs-primary-rgb），这是实现主题响应式边框透明的关键。

• 正确写法：border-color: rgba(var(--bs-success-rgb), 0.4)
• 错误写法：border-color: rgba(--bs-success-rgb, 0.4)（少 var()，不生效）
• 不能用十六进制或命名色直接套 rgba，比如 rgba(#28a745, 0.4) 是非法语法
• 若在 SCSS 中使用，可用 fade.in($primary, 40%)，但编译后仍是 rgba 值

最易忽略的一点：CSS 变量必须在 border-color 生效前已定义，且不能被更高优先级的 border 简写规则覆盖（比如某些组件自带 border: 1px solid #000，会把 border-color 重置掉）。遇到不生效，先检查 computed 样式里 border 是否为简写形式。