navbar-expand-* 类决定导航栏水平展开的最小屏幕宽度，如 navbar-expand-md 表示 ≥768px 时展开、小于该值时折叠为汉堡菜单，断点由 Bootstrap 预设且不可自定义像素值。
如何用 navbar-expand-* 控制折叠临界点
bootstrap 导航栏的“切换宽度”不是靠自定义像素值控制的，而是由预设断点类决定的。你选哪个 navbar-expand-*，就决定了导航栏在多宽的屏幕下开始水平展开、多窄时自动折叠成汉堡菜单。
常见错误是以为加了 navbar-expand-md 就能在 768px 折叠——其实它对应的是 Bootstrap 的 断点阈值：小于该断点才折叠，且这个断点是固定的（md = ≥768px 展开，即
-
navbar-expand-sm：≤575.98px 折叠（超小屏/手机竖屏） -
navbar-expand-md：≤767.98px 折叠（小平板/横屏手机） -
navbar-expand-lg：≤991.98px 折叠（常规平板） -
navbar-expand-xl：≤1199.98px 折叠（小桌面） -
navbar-expand-xxl：仅在超小屏（
别试图用 CSS 覆盖 min-width 来“微调”这个临界点——JS 依赖这些类触发折叠逻辑，手动改断点会破坏 navbar-toggler 的显示/隐藏同步。
为什么改 @media 断点不如换 expand 类
有人在自定义 CSS 里重写 @media (max-width: 850px) 并强行 show/hide 导航项，结果发现汉堡图标点了没反应，或菜单弹出后立刻收起。这是因为 Bootstrap 5 的 JS 组件（Offcanvas 或旧版 collapse）只监听对应 navbar-expand-* 类是否存在，不读取你的媒体查询。
真正生效的逻辑链是：navbar-expand-lg → 触发内部 data-bs-toggle="offcanvas" 或 data-bs-toggle="collapse" 的绑定 → JS 初始化时注册事件监听器 → 点击 toggler 才能正确 toggle。
- 删掉
navbar-expand-lg却保留navbar-toggler，JS 不初始化，点击无效 - 自己写
@media隐藏.navbar-nav，但没同步控制.navbar-collapse的show类，视觉错乱 - 想让 820px 折叠？直接换用
navbar-expand-lg（它本就在 992px+ 才完全展开，820px 自然折叠）
navbar-toggler 不显示？检查三个硬性条件
即使写了 navbar-expand-*，汉堡图标也可能不出现——这不是样式问题，而是结构缺失。
- 必须有
<button class="navbar-toggler"></button>，且含data-bs-toggle="collapse"（v5）或data-bs-toggle="offcanvas"（v5.2+） - 必须有对应
id的目标容器，如<div class="navbar-collapse collapse" id="navbarNav"> <li> <code>navbar-toggler必须放在.navbar-header或.navbar-brand同级，不能套在.navbar-nav里 - 给
.navbar-collapse加overflow-x: hidden是治标，可能截断内容 - 更稳妥的是约束子项：对导航链接加
text-truncate，对下拉菜单加max-width: 80vw - 避免在
.navbar-nav内直接放<form></form>或<input>，它们默认width: 100%，在折叠态下会拉伸容器
典型失败示例：<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#nav"></button>，但页面里根本没有 id="nav" 的元素——这时图标会显示，但点击无响应，控制台也无报错，极难排查。
移动端展开后内容撑宽、滚动条错位怎么办
折叠菜单展开时，如果右侧有长文本或未约束宽度的组件（比如 <select></select> 或绝对定位元素），可能导致整个 .navbar-collapse 宽度溢出视口，出现横向滚动条，甚至把汉堡图标顶到屏幕外。
根本原因是 .navbar-collapse 默认是 position: relative，而子元素若用了 position: absolute 或 white-space: nowrap，就容易突破边界。
最常被忽略的一点：v5.2+ 默认用 offcanvas 替代 collapse 实现侧滑菜单，如果你没引入 bootstrap-offcanvas.js 或没配 data-bs-offcanvas，降级回 collapse 时布局计算会不同——务必确认你用的 Bootstrap 版本和配套 JS 是否匹配。
