Twitter bootstrap 最新的引导程序没有'；不能在导航栏上正确反应

我已安装

Bootstrap

v:

 "@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.5",
    "bootstrap": "^4.0.0-beta"

我想实现

导航条

，所以我发誓：

<nav class="navbar navbar-toggleable-md navbar-light bg-faded" *ngIf="!isLogged">
  <button class="navbar-toggler navbar-toggler-right" 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="navbar-nav mr-auto">
      <li class="nav-item active" routerLinkActive="active current">
        <a class="nav-link" routerLink="/sign-up"><span class="sr-only">Sign Up</span></a>
      </li>
      <li class="nav-item active" routerLinkActive="active current">
        <a class="nav-link" routerLink="/login"><span class="sr-only">Login</span></a>
      </li>
    </ul>
  </div>
</nav>

更重要的是，这个按钮不应该切换。更重要的是，当浏览器处于移动模式时，这种外观应该是正确的，但在上面的示例中并非如此

我想得到的结果应该是第一个例子：
如果您使用的是最新的Bootstrap v4 Beta版，则需要将
navbar Togleable md
更改为
navbar expand md

例如：

<nav class="navbar navbar-expand-md navbar-light bg-faded" *ngIf="!isLogged">
  <button class="navbar-toggler navbar-toggler-right" 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="navbar-nav mr-auto">
      <li class="nav-item active" routerLinkActive="active current">
        <a class="nav-link" routerLink="/sign-up"><span class="sr-only">Sign Up</span></a>
      </li>
      <li class="nav-item active" routerLinkActive="active current">
        <a class="nav-link" routerLink="/login"><span class="sr-only">Login</span></a>
      </li>
    </ul>
  </div>
</nav>

你的问题是让开关工作。该问题允许切换开关在小于767px（中等尺寸截止）的屏幕上工作。您不会在任何屏幕上看到注册和登录文本，因为您已为它们分配了类sr only，这使它们只能在屏幕阅读器上查看。删除仅限sr的类以查看文本。还有一个问题-当浏览器达到移动大小时，如何使按钮可单击？当我这样做时，我无法展开该按钮？请确保使用jquery-3.2.1.slim.min.js、popper.min.js和bootstrap.min.js。有关详细信息，请参见此处
“样式”：[“./node\u modules/bootstrap/dist/css/bootstrap.min.css”、“./node\u modules/jquery/dist/jquery.slim.min.js”、“./node\u modules/popper.js/dist/popper.min.js”、“style.css”]、
无效浏览器调试控制台中是否存在任何错误？
<nav class="navbar navbar-expand-md navbar-light bg-light" *ngIf="!isLogged">
  <button class="navbar-toggler navbar-toggler-right" 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="navbar-nav mr-auto">
      <li class="nav-item active" routerLinkActive="active current">
        <a class="nav-link" routerLink="/sign-up"><span class="">Sign Up</span></a>
      </li>
      <li class="nav-item active" routerLinkActive="active current">
        <a class="nav-link" routerLink="/login"><span class="">Login</span></a>
      </li>
    </ul>
  </div>
</nav>