ブートストラップ4アルファ6のインストール後にnavbarがリンクを表示していない

Question

彼らはアルファ5からnavbarを変更したと思っていますが、以前に動作していたNavbarを壊しているものは見つかりません。 ページをXSにリサイズすると、ハンバーガーが表示され、リンクはそこにありますが、> XSには何もない青い線が表示されます。

<nav class="navbar navbar-inverse bg-primary"> 
    <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar"> 
    &#9776; 
    </button> 
    <div class="collapse navbar-toggleable-xs" id="exCollapsingNavbar"> 
     <a class="navbar-brand" href="/home">My Project</a> 
     <ul class="nav navbar-nav"> 
      @if (Auth::check()) 
      <li class="nav-item"><a class="nav-link" href="/auth/logout">Logout</a></li> 
      @else 
      <li class="nav-item"><a class="nav-link" href="/auth/login">Login</a></li> 
      @endif 
      /// 
     </ul> 
    </div> 
</nav> 

任意の手掛かり：

NAVは次のように宣言されていますか？

Answer 1

ここでアルファ6の更新されたナビゲーションバーがあります...

https://www.codeply.com/go/wMQvyBdLTi

navbar-toggleable-xsはnavbar-toggleableに変更し、navbar要素に行く必要がありました。 togglerはnavbar-toggleableのブレークポイントに応じて非表示になるので、hidden-sm-upを削除できます。最後に、クラスnavbar-collapseをcollapseに追加します。ブートストラップ4 Betaの

<nav class="navbar navbar-inverse navbar-toggleable bg-primary"> 
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar"> 
    &#9776; 
    </button> 
    <div class="collapse navbar-collapse" id="exCollapsingNavbar"> 
     <a class="navbar-brand" href="/home">My Project</a> 
     <ul class="nav navbar-nav"> 
      @if (Auth::check()) 
      <li class="nav-item"><a class="nav-link" href="/auth/logout">Logout</a></li> 
      @else 
      <li class="nav-item"><a class="nav-link" href="/auth/login">Login</a></li> 
      @endif 
      /// 
     </ul> 
    </div> 
</nav> 

---

、navbar-toggleable-*はあなたがナビゲーションバーが崩壊どのようなサイズで決めるんかnavbar-expand-*