直接改 .tooltip 的 border-width 无效，因为 popper.js 将 tooltip 动态插入 底部，且 bootstrap 默认未设置边框；必须同时声明 border-style 和 border-color（如 border: 2px solid #007bff），或配合 --bs-tooltip-border-color 变量使用；推荐用 template 注入自定义 class（如 .tooltip-bordered）实现精准控制，并注意调整 .tooltip-arrow 的偏移以匹配加粗边框。
直接改 .tooltip 的 border-width 无效？因为 DOM 不在原位置
Tooltip 的 HTML 是 Popper.js 动态插入到 底部的，你写的 .tooltip { border-width: 2px; } 很可能匹配不到真实节点——它没加在触发元素里，而是在 body 末尾新生成的独立 <div class="tooltip">。更糟的是，Bootstrap 默认没给 <code>.tooltip 设边框（只设了 .tooltip-arrow 和 .tooltip-inner），所以“改边框厚度”本质是“先加边框，再调粗细”。
必须同时设置 border-style 和 border-color 才能看见 border-width
只写 border-width: 2px 没用，CSS 边框三要素缺一不可。正确做法是完整声明，但注意别覆盖掉原有颜色逻辑：
-
.tooltip { border: 2px solid #007bff; }—— 简单直接，但会强制所有 Tooltip 用同一色，且可能和主题冲突 - 更稳妥的是只改宽度+保留颜色：
.tooltip { border-width: 2px; border-style: solid; }，前提是 Bootstrap 原始 CSS 已定义了border-color（v5.3+ 中它由--bs-tooltip-border-color控制） - 若颜色丢失，显式补上：
.tooltip { border-color: var(--bs-tooltip-border-color, #000); }
用 template 注入自定义 class 是最可控的方式
硬改全局 .tooltip 容易误伤其他 Tooltip；用 template 可为特定实例单独加边框，且避免权重问题：
- 初始化时传自定义 template：
template: '<div class="tooltip tooltip-bordered" role="tooltip"> <div class="tooltip-arrow"></div> <div class="tooltip-inner"></div> </div>' - 对应 CSS：
.tooltip-bordered { border: 2px solid #dc3545; border-radius: 4px; } - 这样既不影响其他 Tooltip，又不用
!important，还能自由控制圆角、阴影等
边框变粗后，.tooltip-arrow 容易错位
.tooltip-arrow 的定位依赖于 .tooltip 的 padding 和 border。当你把边框加粗，尤其是加到 2px 或以上，箭头很可能上下/左右偏移 1–2px：
- 检查 computed 样式，看
.tooltip-arrow的top/left值是否仍合理 - 微调方案：给
.tooltip-bordered .tooltip-arrow加margin-top: -1px;或transform: translateY(-1px);（按实际偏移量调整） - 更健壮的做法是同步加大
.tooltip的padding（比如从默认 1px 改成 6px），让箭头有更多容错空间
<div class="tooltip"> 节点，再针对性调试。</div>
