ブートストラップ4：常に画面のサイズに関係なくモバイルメニューのボタンを表示

Question

画面サイズに関係なく常にモバイルメニューボタンを表示するにはどうすればよいですか？人がモバイルボタンをクリックするまで、リンクが表示されないようにします。ありがとうございました！

ブートストラップ3にはポストがありますが、ブートストラップ4では動作しません。アドバイスをお願いしますか？

Answer 1

ブートストラップ4では、navbar-toggleable- *クラスの1つでオーバーライドされない限り、navbarは3.xと大きく異なり、は常に縮退しますです。 navbarにnavbar-toggleable-*が含まれていないことを確認するだけです。

<nav class="navbar navbar-fixed-top"> 
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#collapsingNavbar"> 
     <span class="navbar-toggler-icon"></span> 
    </button> 
    <a class="navbar-brand" href="#">Navbar</a> 
    <div class="navbar-collapse collapse" id="collapsingNavbar"> 
     <ul class="navbar-nav"> 
      <li class="nav-item active"> 
       <a class="nav-link" href="#">Home</a> 
      </li> 
      <li class="nav-item"> 
       <a class="nav-link" href="#">Features</a> 
      </li> 
      <li class="nav-item"> 
       <a class="nav-link" href="#">Wow</a> 
      </li> 
     </ul> 
    </div> 
</nav> 

アルファデモ：ブートストラップ4ベータ

navbar-toggleable-*ためhttp://www.codeply.com/go/LN6szcJO53

---

アップデートはnavbar-expand-*に置き換えられましたが、今何もかもが階層を上に移動します。 navbarのデフォルト状態は常にcollapsed/mobile（xs）なので、navbar-expand-*クラスを除外するだけで、すべての層でメニューが常に折りたたまれます。

ベータ版のデモ：https://www.codeply.com/go/HiMQd9taEd