ブーツストラップレスポンシブデザイン折りたたみメニュー

Question

私は立ち往生しています。喜んで助けてください。なぜ私の折りたたみメニューボタンが押されても展開しないのですか？ https://codepen.io/aalis/pen/egmmeW

<nav class="navbar navbar-default" role="navigation"> 
    <div class="container-fluid"> 
    <div class=" navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand" href="#">My portfolio page</a> 
    </div> 
    <div class="collapse navbar-collapse navbar-right" id="myNavbar"> 
     <ul class="nav navbar-nav"> 
     <li><a href="index.html">Home</a></li> 
     <li><a href="index.html">My works</a></li> 
     <li><a href="index.html">About</a></li> 
     <li><a href="index.html">Contact</a></li> 
     </ul> 
    </div> 
    </div> 
</nav> 

Answer 1

https://codepen.io/anon/pen/QdwyEW

あなたのペンでのブートストラップのjsファイルを置く逃しました。

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

JavaScriptの設定でこれを追加し、それが