Navbarトグルボタンとドロップダウンメニューが機能しない

Question

navbarを作成しましたが、反応しないようです。 トグルボタンが表示される範囲でのみ動作しますが、クリックすると何も起こりません。また、ドロップダウンメニューは効果がありません。私は他の投稿に記載されている様々なソリューションを試しましたが、何も動作していないようです。

最後にリンクしたスクリプトを含めました。それは間違って

 <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
     <div class="container"> 
    <!-- Brand and toggle grouped for better mobile display --> 
      <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="index.html">GrapeVine</a> 
      </div> 

      <div class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav navbar-right"> 
       <li class="dropdown"> 
       <a href="#areas" class="dropdown-toggle" data-toggle="dropdown">Areas<b class="caret"></b></a> 
       <ul class="dropdown-menu"> 
        <li><a href="#North">North</a></li> 
        <li><a href="#East">East</a></li> 
        <li><a href="#South">South</a></li> 
        <li><a href="#west">West</a></li> 
       </ul> 
       </li> 
       <li><a href="#about">About</a></li> 
      </ul> 
      </div> 
     </div> 
    </nav> 


<script src="/js/myjQuery.js" type="text/javascript"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script> 
    <script src="/js/bootsrap.min.js" type="text/javascript"></script> 

Answer 1

を起こっている

この

/js/bootsrap.min.js 

へ

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js 

Answer 2

あなたが持っている「bootsrapを置き換える私はあなたの問題は、スクリプトのソースであると思い、私は識別しやすくしてください"あなたのスクリプトソースの"ブートストラップ "の代わりに：

<script src="/js/bootsrap.min.js" type="text/javascript"></script>