改了.tooltip-inner样式后箭头偏移，是因为.tooltip-arrow的垂直位置依赖.tooltip-inner的line-height和padding计算，Popper不会自动重算其margin，需同步调整margin-top或margin-bottom；直接写.tooltip-inner样式常无效，因Tooltip DOM由Popper动态插入<body>底部，最稳方案是用template注入自定义class并精准匹配选择器。
为什么改了.tooltip-inner样式后箭头偏移
改font-size、line-height或padding后，.tooltip-arrow上下错位，是因为它的垂直位置依赖.tooltip-inner的尺寸计算。Popper 不会自动重算箭头 margin，只靠默认 top/bottom 值硬定位。
常见现象：文字变高后箭头浮在文字上方、沉到底部、甚至完全脱离提示框边缘。
- 必须同步调整
.tooltip-arrow的margin-top（对.tooltip.top）或margin-bottom（对.tooltip.bottom） - 数值不是凭感觉——建议按
line-height + padding-top + padding-bottom总和的一半来估算，再微调 - 例如：
.my-tooltip-lg .tooltip.top .tooltip-arrow { margin-top: -10px; } - 别只调
top或bottom，那会破坏 Popper 的坐标系，margin才是校准关键
用template注入自定义 class 才能真正控制样式
直接写.tooltip-inner { font-size: 16px; }大概率无效，因为 Tooltip DOM 是 Popper 动态插入<body>底部的，你的 CSS 很可能被 Bootstrap 高权重规则（如.tooltip.show .tooltip-inner）覆盖，或加载顺序错位。
最稳的做法是用template选项把自定义 class 注入到外层容器：
- 保留
.tooltip和.tooltip-inner这两个 class，否则定位逻辑失效 - 把自定义 class 加在外层
<div>上，比如class="tooltip my-tooltip-lg" - 对应写 CSS：
.my-tooltip-lg .tooltip-inner { font-size: 16px; line-height: 1.5; padding: 8px 12px; } - 初始化时传入：
new bootstrap.Tooltip(el, { template: '<div class="tooltip my-tooltip-lg" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>' })
container和position: relative不配对会导致整体漂移
Tooltip 在滚动或嵌套容器中“脱离目标元素”，根本原因不是样式问题，而是 Popper 的参考系错乱：当触发元素父级有overflow: auto或transform时，它会创建新的定位上下文，Popper 就不再以视口为基准。
- 显式指定
container选项，比如container: '.tooltip-wrapper'，把 Tooltip 挂载到干净的父容器里 - 该父容器必须设
position: relative，否则absolute定位失效 - 同时强制
popperConfig.strategy = 'absolute'（不是'fixed'），确保 Tooltip 相对于这个relative容器定位 - 避免把 Tooltip 放进
modal、offcanvas或overflow: hidden的区域里，除非你主动接管boundary
边框加粗后箭头偏移比字体变化更隐蔽
给.tooltip加border时，只写border-width: 2px没用——Bootstrap 默认没设边框，CSS 边框三要素（width、style、color）缺一不可。更麻烦的是，加粗边框会直接撑大外层容器尺寸，但.tooltip-arrow的定位锚点没变。
- 正确声明边框：
.tooltip-bordered { border: 2px solid var(--bs-tooltip-border-color, #000); } - 边框每加粗 1px，
.tooltip-arrow通常需同步调整margin-top或margin-left±1px - 如果用了
border-radius，注意超过0.25rem时.tooltip-arrow不会被裁切，视觉割裂；建议用clip-path或重写箭头为伪元素 - 移动端慎用粗边框——内容易撑破，优先考虑
outline替代border避免布局扰动
