必须加 fixed-top 类并手动为后续容器设置上边距，否则内容会被遮挡；fixed-top 使导航栏脱离文档流，bootstrap 不自动添加边距，需根据高度用 pt-5、pt-6 或内联样式补足。
必须加 fixed-top 类，且紧随其后的容器必须手动留出上边距，否则内容会被遮挡——这是最常被忽略的两步，不是加个类就完事了。
为什么加了 fixed-top 但页面顶部内容还是被盖住了
因为 fixed-top 让 <nav></nav> 脱离文档流，后续元素会直接顶到视口顶部。Bootstrap 不会自动给后面的内容加边距。
- 默认导航栏高度约 56px，对应
pt-5（pt-*中的5即代表 3rem ≈ 48px，接近够用） - 若自定义了高度（比如
style="height: 72px"），需改用pt-xxl-4或直接写pt-6（Bootstrap 5.3+ 支持pt-6= 4rem = 64px，仍不够就上内联样式style="padding-top: 72px"） - 别用
mt-5给第一个区块设外边距——万一它本身有margin-top，叠加后可能过大
fixed-top 必须和 navbar-expand-* 搭配使用吗
不是必须，但强烈建议。单独加 fixed-top 会导致小屏下导航项堆叠却无折叠按钮，用户点不到右半部分链接。
- 必须同时加
navbar-expand-lg（或md/sm）才能触发响应式折叠逻辑 - 必须配
data-toggle="collapse"和data-target属性，以及对应的<div class="collapse navbar-collapse"> 容器 <li>漏掉 <code>navbar-toggler按钮，小屏下导航将完全不可见 - 确认
<nav></nav>上有width: 100%（Bootstrap 默认已设，但若覆盖了 CSS 可能丢失） - 避免在
<nav></nav>外层再套<div class="container"> —— 容器会限制宽度，导致左右无法拉伸 <li>如需居中 logo + 右对齐 nav，优先用 Bootstrap 内置结构：<code>mr-auto加在<ul class="navbar-nav"></ul>上，而非手动写margin-left: auto - 检查
或是否有transform、perspective、filter等属性（哪怕值为none） - 避免在
<nav></nav>外层用position: relative或z-index，除非明确需要分层控制 - 移动端 Safari 对
fixed支持较弱，若遇闪动，可加backface-visibility: hidden到<nav></nav>上临时缓解
左侧 Logo 和右侧链接无法撑满整行怎么办
常见于自定义 Flex 布局时：即使用了 justify-content: space-between，如果父容器没占满宽度，左右内容也会挤在一起。
固定导航在滚动时出现抖动或错位
大概率是父级元素触发了新的层叠上下文（stacking context），干扰了 position: fixed 的定位基准。
真正麻烦的不是加类，而是 fixed 定位带来的连锁布局影响——它不占空间，但要求你对后续所有内容的位置负全责。别指望框架替你兜底。
