如何调整Bootstrap响应式导航栏的内部填充高度？

本文共计1232个文字，预计阅读时间需要5分钟。

相关专题：

为什么改了 .navbar 的 padding 桌面正常，手机上还是矮？

因为 bootstrap 的响应式类（如 .navbar-expand-lg）会在断点切换时重置内边距。你只改了默认状态的 padding，但没覆盖 @media (max-width: 991.98px) 下的规则——这个小数点是 safari 兼容 hack，实际断点应按 992px 对齐，而很多自定义 css 写成了 991px 或漏掉了媒体查询。

更隐蔽的问题是：移动端折叠后，.navbar-collapse 容器本身不继承父级 padding，它靠 max-height 和内部子项撑开，所以即使你调高了 .navbar 的上下内边距，折叠菜单展开后的视觉高度仍可能被截断。