Navbar collapseボタンのみが展開されます（ブートストラップ）

Question

私は既にこの種の問題について多くのトピックを見てきましたが、これは決してありません：折りたたまれたら、ボタンを押してリンクのリストを展開できます私は再びそれをクリックして閉じたい、それは動作しません、それは開いたままです。

はまた、私はここで、データ・ターゲットとスタッフ

ようなものに注意を払って、私のボタンです：

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#app-navbar-collapse" aria-expanded="false" aria-controls="navbar"> 
    <span class="sr-only">Toggle Navigation</span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
</button> 

そして、ここでは私の折りたたまれたナビゲーションバーである：あなたのための

<div class="collapse navbar-collapse" id="app-navbar-collapse"> 
    <ul class="nav navbar-nav navbar-right"> 
    <li> 
     <a href="/">doc</a> 
    </li> 
    <li> 
     <a href="/">about</a> 
    </li> 
    </ul> 
</div> 

感謝ヘルプ

Answer 1

あなたのバージョンのBootstrapをチェックしてください最新でない場合は、 oバージョンを最新のものに変更してからもう一度チェックしてください。

また、jqueryのバージョンも確認してください。競合を避けるためには最新のものでなければなりません。

あなたのコードを最新バージョンのBootstrapでチェックしており、正常に動作しています。

ありがとうございました。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
 

 
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#app-navbar-collapse" aria-expanded="false" aria-controls="navbar"> 
 
    <span class="sr-only">Toggle Navigation</span> 
 
    <span class="icon-bar"></span> 
 
    <span class="icon-bar"></span> 
 
    <span class="icon-bar"></span> 
 
</button> 
 
<div class="collapse navbar-collapse" id="app-navbar-collapse"> 
 
    <ul class="nav navbar-nav navbar-right"> 
 
    <li> 
 
     <a href="/">doc</a> 
 
    </li> 
 
    <li> 
 
     <a href="/">about</a> 
 
    </li> 
 
    </ul> 
 
</div>