加 fixed-top 类后内容被遮住、下拉菜单失效、移动端闪动，根本原因是 fixed 定位脱离文档流且缺乏高度补偿与定位上下文管理；需手动为首个后续容器设 padding-top、为 navbar-collapse 设 position: relative、禁用 popper 并调高 z-index、添加 backface-visibility 和 transform 缓解 webkit 渲染问题。
直接加 fixed-top 类就能固定，但内容被遮住、下拉菜单点不开、移动端闪动——这些不是 Bootstrap 的 bug，而是 fixed 定位脱离文档流后没做空间和定位补偿导致的。
为什么加了 fixed-top 但首屏内容还是被盖住
因为 fixed-top 让 <nav></nav> 脱离文档流，后续元素直接顶到视口顶部；Bootstrap 不会自动给后面的内容加 padding，只对 加了默认值（约 56px），而这个值在你改过字体、内边距、logo 高度后往往不准。
- 在紧接
<nav></nav>后的第一个容器（比如<main></main>或<div class="container">）上加 <code>pt-6（64px），比默认pt-5更稳妥 - 如果自定义了 navbar 高度（如
style="height: 72px"），别猜pt-*值，直接写内联样式：style="padding-top: 72px" - 别全局覆盖
body { padding-top: ... }——响应式下 navbar 高度会变（折叠后可能缩到 44px），硬编码容易在小屏留白过多 - 用浏览器控制台查真实高度：
getComputedStyle(document.querySelector('.navbar')).height - 给
<div class="navbar-collapse"> 显式加 <code>style="position: relative;"，让内部position: absolute的下拉菜单有明确锚点 - 更可控的做法：在
<ul class="dropdown-menu"></ul>上加data-bs-popper="none"禁用 Popper，再配 CSS：.dropdown-menu { top: 100% !important; position: absolute; } - 确认
z-index：navbar 默认是1030，下拉菜单至少设z-index: 1031，且必须限定作用域（如.navbar .dropdown-menu） - 给
<nav></nav>加两个缓解属性：style="backface-visibility: hidden; transform: translateZ(0);" - 检查
或外层 wrapper 是否有transform、perspective、filter（哪怕值为none），它们会创建新层叠上下文，干扰 fixed 定位基准 - 确保
有标准 viewport：<meta name="viewport" content="width=device-width, initial-scale=1">
移动端下拉菜单被截断或点不亮
这不是 z-index 不够，而是 .dropdown-menu 默认以 viewport 为定位参考，而 fixed-top 导航栏正盖在它上面，子菜单“找不到父容器”的定位上下文。
滚动时导航栏抖动、iOS Safari 闪退或错位
根源是 WebKit 对 position: fixed 的渲染限制，尤其在快速滚动、软键盘弹出或页面有 transform 时。
真正难的不是加类，而是 navbar 高度是否稳定、父容器有没有意外创建定位上下文、以及移动端那些看不见的渲染陷阱。每次改完记得在 iOS Safari 和安卓 Chrome 上真机滚动几遍——模拟器看不出抖动和错位。
