折りたたみ式のnavbarは動作しません（ブートストラップを使用して）助けが大いに評価されるでしょう

Question

私はこれをしばらく使っています。 navbarはうまく表示されますが、機能はありません。ここでは、コードは次のようになります。

<nav class = "navbar navbar-inverse navbar-fixed-top" role = "navigation" id = "my-navbar"> 
    <div class = "container"> 
     <div class = "navbar-header"> 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-ex1-collapse" aria-expanded="false"> 
     <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">WM</a> 
     </div> 
     <div class = "collapse navbar-collapse" id = "myNavbar"> 
     <ul class = "nav navbar-nav navbar-right"> 
      <li><a href = "https://github.com/williamjmiller" target="_blank">Projects</a></li> 
      <li><a href = "documents/myresume.pdf" target = "_blank">Resume</a></li> 
      <li><a href = "#bottom">Contact Me</a></li> 
      <input type = "button" class="btn btn-info navbar-btn" value = "Blog" onclick = "relocate_blog()" id = "blog-button"> 
      <script> 
       function relocate_blog() { 
       location.href = "blog.html "; 
       } 
      </script> 
     </ul> 
     </div> 
    </div> 
    <!--End Container --> 
</nav> 
<!-- End Navbar --> 

Answer 1

<nav class = "navbar navbar-inverse navbar-fixed-top" role = "navigation"> 
    <div class = "container"> 
     <div class = "navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar" aria-expanded="false"> 
      <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">WM</a> 
     </div> 
     <div class = "collapse navbar-collapse" id = "myNavbar"> 
     <ul class = "nav navbar-nav navbar-right"> 
      <li><a href = "https://github.com/williamjmiller" target="_blank">Projects</a></li> 
      <li><a href = "documents/myresume.pdf" target = "_blank">Resume</a></li> 
      <li><a href = "#bottom">Contact Me</a></li> 
      <input type = "button" class="btn btn-info navbar-btn" value = "Blog" onclick = "relocate_blog()" id = "blog-button"> 
      <script> 
      function relocate_blog() { 
       location.href = "blog.html "; 
      } 
      </script> 
     </ul> 
     </div> 
    </div><!--End Container --> 
    </nav><!-- End Navbar -->