ブートストラップ3 nav-collapse startモバイルでのみ折りたたんだ

Question

折り畳まれているnavbarを取り巻く多くの質問がありますが、この特定のケースは見つかりません。とにかく重複していればごめんなさい。

<div class="navbar navbar-static-top navbar-default container"> 
    <div class="navbar-header"> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button> 
    <a class="navbar-brand" href="/">Brand</a> 
    </div> 
    <div class="nav-collapse" id="navbar"> 

私は、ナビゲーションバーの開始をモバイル（ページの読み込み中）で崩壊させようとしています。私は#navbar divにclass="collapse"を追加するとそのように動作することがわかりましたが、小さな解像度に切り替えて切り替えない限り、私のnavbarは隠されています。

また、この実装では、折りたたみボタンを最初にクリックすると、モバイルで「navbar」が開かれます。

Answer 1

あなたの問題がである：

<div class="nav-collapse" id="navbar"> 
    <ul class="nav navbar-nav"> 

それはnavbar-collapse次のようになります。

<div class="collapse navbar-collapse" id="navbar"> 
    <ul class="nav navbar-nav">