Twitter bootstrap 为什么引导导航栏总是折叠？

我更新到ng bootstrap的v1.0-beta版。现在导航栏总是折叠的。当我点击汉堡包切换菜单时，它会打开，但会垂直显示内容，而不是水平显示

我已经在下面加入了导航的代码。和以前一样。在这一点上，我无法理清问题是否在于ng引导、引导4或它们的组合

我的理想结果是，菜单只在屏幕小于一定大小时出现，就像过去一样

我确实看到了。我已经打开了这个问题，因为它不包括ng引导

<nav class="navbar navbar-toggleable-sm navbar-light bg-faded fixed-top" style="background-color: white">
  <button class="navbar-toggler navbar-toggler-right" 
    type="button" (click)="isNavbarCollapsed = !isNavbarCollapsed" 
    aria-controls="exCollapsingNavbar2"
    data-toggle="collapse"
    aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <a class="navbar-brand" href="#">Vesalius - Bobby's World</a>
  <div [ngbCollapse]="isNavbarCollapsed" class="collapse navbar-collapse" id="exCollapsingNavbar2">
    <div class="navbar-nav mr-auto">
      <a class="nav-item nav-link" routerLink="/provider/portal/" routerLinkActive="active">Schedule</a>
      <a class="nav-item nav-link" routerLink="/patient/portal/medical-history" routerLinkActive="active">Form Editor</a>
    </div>

    <div class="navbar-nav">
      <form class="form-inline">
        <input class="form-control mr-sm-2" type="text" placeholder="Search Patient">
        <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
      </form>
    </div>
  </div>
</nav>

引导程序5（更新2021）

如文件所述

“导航栏需要包装。导航栏带有
.navbar扩展{-sm |-md |-lg |-xl |-xxl}用于响应崩溃“

因此，引导5导航栏与引导4导航栏相同，如果不包括
Navbar expand-*

引导程序4（原始答案）

在Bootstrap 4中，如果希望导航栏水平扩展，则需要
navbar expand*
类，否则默认为移动/折叠版本。因此，不包括
navbar expand*
类会使navbar始终折叠

看到这些了吗

自Bootstrap 4 beta版起，
navbar toggleable-*
类已更改为
navbar expand-*
。在您的情况下，
navbar-toggleable-sm
将更改为
navbar-expand-md