引导4导航栏大于视区

我正在尝试创建一个带有固定顶导航栏的bootstrap 4网站。 除了我用智能手机或Google Chrome开发工具中的设备模式打开网站时,所有功能都很好,页面的导航栏溢出了右键,如果我缩小缩放比例,我会有一个页面,如下图所示。

这是我的导航栏代码,我通过php将其导入所有页面,包括:

<nav class=“navbar fixed top navbar expand lg navbar dark bg dark”>
<a class=“navbar brand”href=“/”><img class=“img responsive”src=“/images/navbar brand.png”></a>
<button class=“navbar toggler”type=“button”data toggle=“collapse”data target=“mcnmenu”aria controls=“mcnmenu”aria expanded=“false”aria label=“apri/chiudi menu”>
<span class=“navbar toggler icon”></span>
</button>
<div class=“collapse navbar collapse”id=“mcnmenu”>
<ul class=“navbar nav mr auto”>
<li class=“nav item”><a class=“nav link”href=“/”><i class=“fas fa home”></i>主页</a></li>
<li class=“nav item”><a class=“nav link”href=“/teamspeak”><i class=“fab fa teamspeak”>/lt;/i>teamspeak</a>/lt;/li>
<li class=“nav item下拉列表”>
<A class=“nav link dropdown toggle”href=“/server”id=“serverDropdown”data toggle=“dropdown”aria haspoop=“true”aria expanded=“false”><I class=“fas fa server”></I>服务器</A>
<div class=“DropDown menu”aria labelledby=“serverDropDown”>
<A class=“Dropdown item”href=“/testworld”>测试世界</A>
</DIV>
</li>
<li class=“nav item”><a class=“nav link”href=“/youtube”><i class=“fab fa youtube”>/lt;/i>youtube</a>/lt;/li>
<li class=“nav item”><a class=“nav link”href=“/Redcraft”><i class=“fas fa globe”></i>Redcraft</a></li>
<li class=“nav item”><a class=“nav link”href=“/contatti”><i class=“fas fa address book”></i>contatti</a></li>
</ul>
</DIV>
</nav>
我做错什么了吗?
如有任何帮助,我们将不胜感激。



这是我的导航栏代码,我通过php将其导入所有页面,包括:

<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
    <a class="navbar-brand" href="/"><img class="img-responsive" src="/images/navbar-brand.png"></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mcnMenu" aria-controls="mcnMenu" aria-expanded="false" aria-label="Apri/Chiudi menu">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="mcnMenu">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item"><a class="nav-link" href="/"><i class="fas fa-home"></i> Home</a></li>
            <li class="nav-item"><a class="nav-link" href="/teamspeak"><i class="fab fa-teamspeak"></i> TeamSpeak</a></li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" href="/server" id="serverDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-server"></i> Servers</a>
                <div class="dropdown-menu" aria-labelledby="serverDropdown">
                    <a class="dropdown-item" href="/testworld">TestWorld</a>
                </div>
            </li>
            <li class="nav-item"><a class="nav-link" href="/youtube"><i class="fab fa-youtube"></i> YouTube</a></li>
            <li class="nav-item"><a class="nav-link" href="/redcraft"><i class="fas fa-globe"></i> RedCraft</a></li>
            <li class="nav-item"><a class="nav-link" href="/contatti"><i class="fas fa-address-book"></i> Contatti</a></li>
        </ul>
    </div>
</nav>


我做错什么了吗?
任何帮助都将不胜感激。