直接改变量重编译最彻底，但多数人用css覆盖即可；需避开min-height:50px等旧限制，优先修改$navbar-height变量或精准覆盖padding/line-height等属性，并注意响应式断点与折叠菜单高度同步调整。
直接改变量重编译最彻底，但多数人只需要 CSS 覆盖就能搞定；别碰 min-height: 50px 这种老版本残留限制，Bootstrap 5 已移除它，但定制版或升级不干净的项目里还可能藏着。
改 $navbar-height 变量（适合用 Less/Sass 构建）
Bootstrap 官方把导航栏高度抽象成变量管理，改它一劳永逸：
-
$navbar-height控制整体高度，也影响.navbar-brand、.nav-link的行高和 padding 计算 - 变量定义在
variables.less（Less）或_variables.scss（Sass）里，不是navbar.less—— 那个文件只是引用它 - 改完必须重新编译整个 Bootstrap CSS，不能只替换单个文件；否则其他依赖该变量的组件（如
.dropdown-menu垂直间距）会错位 - 若你用的是 CDN 或
bootstrap.min.css，这条路走不通——变量在编译时已固化，CSS 里找不到$navbar-height
纯 CSS 覆盖（适合已有项目、CDN 用户）
不用动源码，靠 specificity 和 !important 强制覆盖，注意顺序和选择器精度：
- 设
.navbar { height: 64px; }不够——Bootstrap 用min-height和padding共同撑高，优先查 computed styles 看哪条生效 - 更稳妥是同时覆盖：
.navbar { padding-top: 0.5rem; padding-bottom: 0.5rem; }+.navbar-brand, .nav-link { padding-top: 0.375rem; padding-bottom: 0.375rem; } - 如果品牌图标被压扁，检查
.navbar-brand是否有line-height干扰，加line-height: 1;重置 - 移动端折叠后高度异常？别只改
.navbar，.navbar-collapse内部的max-height动画值也要同步调大（比如.navbar-collapse.show { max-height: 80vh; }）
为什么改了没反应？常见拦截点
不是代码写错，而是被更高优先级规则或隐性约束卡住：
- 浏览器 DevTools 里看
.navbar的 computedheight和min-height，确认你覆盖的属性真被应用了 - 检查是否误加了
.fixed-top后又没补body { padding-top: 64px; }，导致内容被导航栏遮住，误以为“没变高” - 用了
background-image当品牌图？那得调background-size，不是width/height - 媒体查询里写了
@media (max-width: 991.98px)却在992px断点失效？Bootstrap 5 的断点是992px，不是991.98px，小数点后两位是防 Safari bug 的 hack，实际应按整数对齐
真正难调的从来不是“怎么改”，而是改完发现桌面正常、手机上又矮了一截——因为响应式类（如 .navbar-expand-lg）会动态切换内边距和字体大小，得在对应断点里单独再覆盖一次。
