修改.navbar-collapse.show的transition需覆盖完整声明，如.navbar-collapse { transition: max-height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; }，并确保max-height足够（如120vh），避免因起止值不匹配导致跳变。
修改 .navbar-collapse.show 的 transition 时长与缓动函数
navbar 折叠菜单在移动端展开/收起的动画，本质是 .navbar-collapse 元素的 max-height 过渡，不是 @keyframes 动画。它靠 css transition 控制速度和曲线，而非 js 或 data 属性。
Bootstrap 默认使用类似 max-height 0.35s ease 的过渡（具体值随版本略有差异，5.3+ 由 CSS 变量 --bs-navbar-collapse-transition 控制）。要改快慢或顺滑度，必须覆盖这个 transition 声明：
- 直接写
.navbar-collapse { transition: max-height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; }—— 注意必须带!important，否则被 Bootstrap 内置规则压制 - 不要只写
transition-duration行内样式，它无法单独覆盖完整 transition 声明 - 缓动函数推荐用
cubic-bezier(0.25, 0.46, 0.45, 0.94)，比ease-in-out更自然，避免“弹跳感” - 若设为
0.2s以下，动画会显得突兀；超过0.8s则用户易感知延迟，尤其在小屏触控场景
为什么改了 transition 但动画还是“卡一下”或“突然出现”
常见现象是：首次点击展开时内容先闪现、再收缩、最后缓慢下拉；或收起时高度归零前有明显停顿。这通常不是速度问题，而是 max-height 起始/结束值不匹配导致的过渡断裂。
-
.navbar-collapse默认收起状态是max-height: 0，但展开目标值若远小于真实内容高度（如只设300px），浏览器会在中途强制截断，造成“跳变” - 确保
.navbar-collapse.show的max-height足够大（如120vh），且该值与收起态的0构成可平滑插值的数值对 - 避免给
.navbar-collapse设height、overflow: hidden或border，这些会干扰max-height的渲染上下文 - 检查子元素是否含
position: absolute（如.dropdown-menu），它们不参与高度计算，但视觉上撑开容器——此时需额外加padding-bottom预留空间
移动端 hover 不生效，怎么让 click 动画也走同一套 transition
Bootstrap 的折叠菜单在移动端靠 click 触发，而 :hover 在触摸设备上基本无效。但它的 JS 逻辑仍依赖 .show 类切换，因此你写的 transition 依然生效——前提是没被其他规则干扰。
- 确认没在媒体查询里重复定义
.navbar-collapse的transition，否则可能被覆盖 - 不要用
@media (hover: hover)单独写 hover 版本，移动端不会匹配 - 如果用了自定义图标字体（如 Font Awesome），首次展开时因字体未就绪，DOM 高度计算偏小，导致过渡错位；可加
font-display: swap或预加载字体缓解 - 真机测试时，禁用开发者工具里的 “Emulate touch” 模式，它有时会模拟出非真实的行为
动画变慢后 dropdown 菜单展开不同步怎么办
当主菜单展开变慢，内部 .dropdown 点击后 .dropdown-menu 默认是瞬间弹出（无过渡），就会显得“脱节”。这不是 bug，是 Bootstrap 5 移除了下拉菜单的默认动画。
- 手动给
.dropdown-menu加过渡：opacity 0.2s ease, transform 0.2s ease，并初始设opacity: 0; transform: translateY(-8px) - 同时确保
.dropdown-menu的position是static或relative（加position: static !important），否则它脱离文档流，高度不参与.navbar-collapse的max-height计算 - 避免在
.dropdown上叠加多个transform或will-change，容易触发层叠上下文冲突，导致动画撕裂 - 如果只希望主菜单慢、下拉快，就把下拉的
transition设为0.15s，略快于主菜单，形成节奏差，反而更符合直觉
max-height + transition + 真实内容高度三者咬合的结果。改慢一点容易，但要让它“稳”，得同步校准高度估算、子元素定位和字体加载时机。
