移除Bootstrap CSS链接后Tooltip才生效，二者冲突问题咨询

这俩闹矛盾主要是以下几个常见原因：

• CSS样式优先级被覆盖：Bootstrap自带大量全局样式，比如对div的默认布局、position定位、z-index层级、overflow属性的统一设置，很可能直接盖过你自定义Tooltip的样式规则。比如Bootstrap给父级元素设了overflow: hidden，你的Tooltip就会被截断；或者它的z-index比你的Tooltip高，导致Tooltip被压在底下看不见。
• 类名/选择器撞车：如果你的自定义Tooltip用了和Bootstrap一样的类名（比如.tooltip），而Bootstrap的CSS是在你的自定义样式之后引入的，或者它的选择器权重更高（比如带了更多层级的父元素选择器），那Bootstrap的样式就会直接替换掉你的。
• 全局样式重置影响：Bootstrap内置了样式重置逻辑（比如基于normalize.css），会统一浏览器的默认样式，可能破坏了你自定义Tooltip依赖的元素默认行为。比如你的Tooltip是用::before/::after伪元素做的，而Bootstrap刚好修改了伪元素的默认样式，导致Tooltip显示异常。
• JS事件冲突（概率较低）：如果你的Tooltip是靠JavaScript触发的，Bootstrap自带的Tooltip插件可能和你的自定义Tooltip抢事件监听（比如都盯着mouseenter/mouseleave事件），导致触发逻辑混乱。不过你说移除CSS就正常，这个可能性相对小，但也可以排查下。

• 调整样式引入顺序：把你的自定义Tooltip样式文件放在Bootstrap CSS之后引入，这样相同权重的选择器，你的样式会覆盖Bootstrap的。
• 提高自定义样式的选择器权重：给Tooltip的容器加个独一无二的类名（比如.my-tooltip-wrap），然后用更具体的选择器写样式（比如.my-tooltip-wrap .tooltip-content），避免被Bootstrap的通用选择器影响。
• 换掉冲突类名：如果发现和Bootstrap撞了类名，直接改成独特的，比如把.tooltip改成.custom-tooltip，从根源避免冲突。
• 用开发者工具排查具体冲突：按F12打开浏览器调试工具，选中Tooltip元素看样式面板，哪些属性被Bootstrap划掉了，针对性地在自定义样式里重写这些属性（尽量用高权重选择器，别依赖!important）。

内容的提问来源于stack exchange，提问作者hacker bot