使用 bootstrap 4 的中型屏幕无法在 header 下方打开导航菜单
Nav menu not opening beneath header for medium screens using bootstrap 4
当浏览器屏幕为中等尺寸时，我无法从底部加载导航菜单。
在 Firefox 浏览器上，当按下汉堡包图标时，它应该加载到 header 下方。当我像这样将浏览器的宽度设置得非常小时，它会正确显示：
但出于某种原因，当我开始增加宽度时，它会从右侧加载菜单。像这样：
我尝试更新 CSS 但没有效果。
请在此处找到代码，我们将不胜感激。谢谢。
https://www.codeply.com/go/qMkYwnOOrH
由于您使用行和列的方式，您需要更改此 div:
<div class="row no-gutters nav-item-container">
像这样：
<div class="row no-gutters nav-item-container collapse navbar-collapse" id="navbarsExampleDefault">
并在此处删除 class 和 id 属性：
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
当浏览器屏幕为中等尺寸时，我无法从底部加载导航菜单。
在 Firefox 浏览器上，当按下汉堡包图标时，它应该加载到 header 下方。当我像这样将浏览器的宽度设置得非常小时，它会正确显示：
但出于某种原因，当我开始增加宽度时，它会从右侧加载菜单。像这样：
我尝试更新 CSS 但没有效果。
请在此处找到代码，我们将不胜感激。谢谢。 https://www.codeply.com/go/qMkYwnOOrH
由于您使用行和列的方式，您需要更改此 div:
<div class="row no-gutters nav-item-container">
像这样：
<div class="row no-gutters nav-item-container collapse navbar-collapse" id="navbarsExampleDefault">
并在此处删除 class 和 id 属性：
<div class="collapse navbar-collapse" id="navbarsExampleDefault">