如何让下拉菜单（Dropdown Menu）超出Navbar完整显示？

问题出在自定义的.navbar样式上：

• overflow: hidden：该属性会隐藏所有超出Navbar范围的内容，下拉菜单自然被截断。
• height: 100：缺少单位（如px），强制固定高度也会压缩下拉菜单的展示空间。

修改.navbar的CSS代码即可解决：

.navbar {
    /* 移除overflow: hidden，让下拉菜单可以溢出显示 */
    /* overflow: hidden; */
    /* 若需调整高度，添加正确单位或直接删除height属性，让导航栏自适应内容 */
    /* height: 100px; */
}

额外建议 #

• 尽量保留Bootstrap组件的默认布局逻辑，避免给.navbar设置固定高度和overflow: hidden这类限制内容溢出的属性。
• 若要调整导航栏高度，推荐使用Bootstrap内置的内边距类（如py-3），比固定高度更适配不同屏幕。

内容的提问来源于stack exchange，提问作者JG1629Code