应使用@media (hover: hover) and (pointer: fine)包裹所有:hover样式来禁用，而非删除或覆盖；需重置.table-hover行高亮、导航下划线动画及下拉菜单hover行为，并同步清理ARIA和Popper缓存。
直接禁用所有:hover样式需用媒体查询包裹
Bootstrap 本身没有全局开关关闭 hover 效果，你看到的悬停变色、下划线、阴影、抬升等行为，全部来自项目中自定义的 :hover 规则或第三方插件。真正有效的禁用方式，是用 @media (hover: hover) and (pointer: fine) 把所有悬停样式“锁住”，让它们只在支持精细指针的设备上生效——不满足条件时，这些样式压根不会加载。
常见错误是直接删 CSS 或加 !important 覆盖，这容易漏掉动态注入的样式（比如 JS 插件生成的），也干扰后续维护。
- 不要用
@media (max-width: 768px)判断移动端——Surface Pro、iPad Pro 等设备既带触控又支持鼠标，靠宽度会误判 - 必须把所有含
:hover的规则（包括.btn:hover、.nav-link:hover、.card:hover）统一包进该媒体查询里 - 如果已有大量分散的 hover 样式，建议新建一个
_no-hover.css文件，集中迁移并包裹，避免污染主样式表
表格行 hover 高亮必须显式重置
.table-hover 的悬停背景是硬编码的，权重高且带 !important，不能靠删类名或加 pointer-events: none 解决。
要彻底禁用某一行的 hover 高亮，得用更高优先级的选择器强制还原：
.table-hover tbody tr.no-hover:hover {
background-color: transparent !important;
transition: none;
}
- 必须写全路径：
.table-hover tbody tr.no-hover:hover，省略任一部分都可能被 Bootstrap 原生规则覆盖 -
transition: none很关键——否则即使背景色清空，仍会残留淡入动画，视觉上像“卡顿” - 别给
<tr>加style="pointer-events: none"：它会让内部链接、按钮、复选框全部失效，键盘 Tab 也会跳过整行
导航链接下划线动画本质是伪元素，不是 Bootstrap 原生
Bootstrap 5 的 .nav-link 默认无下划线，你看到的动画大概率来自项目里类似这样的代码：
.nav-link::after {
content: '';
display: block;
width: 0;
height: 2px;
background: #0d6efd;
transition: width .3s ease;
}
.nav-link:hover::after {
width: 100%;
}
要禁用它，不是改 Bootstrap 源码，而是覆盖初始态和过渡逻辑：
- 确保父容器
.nav-link有position: relative，否则::after定位会飘移 - 把
transition写在非 hover 态（即.nav-link::after规则里），否则动画根本不会触发 - 禁用时直接设
width: 0+opacity: 0，别只改display: none——后者会破坏盒模型，导致布局抖动
下拉菜单 hover 展开必须连带处理 ARIA 和定位
如果你之前手动加过 .dropdown:hover .dropdown-menu { display: block }，现在要禁用，光删这行不够。因为：
- 该写法绕过了 Bootstrap 的 JS 控制，
aria-expanded属性不会更新，屏幕阅读器无法感知状态 - Popper 计算的菜单位置可能已错乱，单纯隐藏后再次点击可能弹出到页面顶部
- 移动端第一次触摸可能短暂触发 hover 模拟，造成菜单闪现后立即跳转
正确做法是：移除所有自定义 hover 规则，并确认 data-bs-trigger 属性不存在（或值为 "click"），让下拉菜单回归默认 click/focus 行为。若曾用过 bootstrap-hover-dropdown 这类插件，还需检查是否残留 data-hover="dropdown" 属性并一并清理。
最易被忽略的是 ARIA 同步和 Popper 定位缓存——哪怕 CSS 清干净了，JS 实例没重置，菜单仍可能在奇怪位置弹出。
