使用引导程序4的中等屏幕标题的导航菜单未打开

Question

当浏览器屏幕为中等尺寸时，我无法从底部加载导航菜单。

在Firefox浏览器上，当按下汉堡包图标时，应该将其加载到标题下方。当我这样缩小浏览器的宽度时，它会正确显示：

但是由于某种原因，当我开始增加宽度时，它将从右侧加载菜单。像这样：

我尝试更新CSS，但没有任何效果。

请在此处找到代码，我们将不胜感激。谢谢。 https://www.codeply.com/go/qMkYwnOOrH

Answer 1

由于您使用行和列的方式，您需要更改此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">