접을 수있는 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 -->