降低分辨率时，在侧边栏中切换导航栏项目

Question

我想知道是否有可能在单击导航切换按钮时使导航项从边栏中的左侧出现。

使用我现在拥有的代码，它显示了导航栏下方的项目，我希望它们显示在从左侧出现的侧边栏中。

这是我的代码。

    <div class="wrapper">
      <!-- Page Content  -->
      <div id="content">
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
          <div class="container-fluid">
            <button class="btn btn-dark d-inline-block d-lg-none" (click)="isNavbarMobile = !isNavbarMobile" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
              <ul class="nav nav-sidebar ml-auto">

                <li class="nav-item ">
                  <a style="color:#666" href="https://dda-localhost:4200/dashboard">
                    <!--{{this.userLanguage}}-->ES</a>
                  <div ngbDropdown class="d-inline-block">
                    <button class="bNombre" id="dropdownForm1" ngbDropdownToggle>
                      <!--{{this.userName}}--> J. Gallegos
                    </button>
                    <div ngbDropdownMenu aria-labelledby="dropdownForm1">
                      <button ngbDropdownItem (click)="this.logout()">Logout</button>
                    </div>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </nav>
      </div>
    </div>