删掉.fade类即可禁用bootstrap模态框淡入淡出动画，因其完全依赖该类与css transition配合，移除后js调用show()将直接硬切显示，无需改js或覆盖css。
直接覆盖 .progress-bar 的 transition 无法禁用所有动画
Bootstrap 的动画不是靠单一类统一控制的，每个组件有各自依赖的 CSS 类和过渡属性。.progress-bar 只管进度条填充，模态框靠 .fade，下拉菜单靠 .dropdown-menu.show 中的 opacity 和 transform，选项卡靠 .tab-pane.fade。只改一个地方，其他地方照常动画。
禁用模态框淡入淡出：删掉 .fade 类最可靠
Bootstrap 5 模态框的动画完全由 .fade 类触发——它自带 opacity 和 transform 的 transition 规则。JS 调用 show() 时，只要存在这个类，就会强制走动画流程。
- 不要试图用
transition: none !important覆盖，容易被 JS 动态插入的内联样式绕过 - 不要保留
.fade但覆盖其 transition，因为 .modal.show 会叠加多个规则，优先级难控 - 正确做法是：HTML 中直接不写
.fade，比如<div class="modal"> 而非 <code><div class="modal fade"> <h3>禁用下拉菜单、选项卡、分页等组件的过渡：必须同时处理 <code>transition和animation只设
transition: none不够，很多组件（如 BootstrapBlazor Tab、bootstrap-select）还用了@keyframes配合animation属性。漏掉任一，动画仍可能闪现。- 对目标容器加统一禁用类，例如
.no-animation - 该类需包含：
transition: 0s !important、animation: none !important、will-change: auto !important - 确保这个类比 Bootstrap 原生样式加载得晚，或选择器更具体（如
.no-animation .dropdown-menu） - 特别注意
.disabled状态下的元素：它们常被设了pointer-events: none，但 transition 仍可能残留，需显式重置
全局禁用要小心
prefers-reduced-motion和移动端兼容性硬编码
!important虽快，但会覆盖用户系统级“减少动画”偏好设置，且在旧版 Android WebView 中，transition: 0s比none更稳定。- 推荐结合媒体查询：
@media (prefers-reduced-motion: reduce) { * { transition: 0s !important; animation: none !important; } } - 避免给
*直接加规则，改用.no-animation *或限定范围（如.modal, .dropdown-menu, .tab-pane） - 禁用后务必用 Chrome DevTools 的 Rendering 面板勾选 “Paint flashing” 和 “FPS meter”，确认没有意外重绘或 layout thrashing
- 对目标容器加统一禁用类，例如
