Navbar 붕괴가 부트 스트랩에서 작동하지 않습니다. 3

Question

안녕하세요 여러분, 내 탐색 표시 줄이 축소되지 않을 것입니다. 좋은 결과없이 많은 방법을 시도해 봤습니다. 누군가 나를 도울 수 있습니다. 내 코드의 그 :

<nav class="navbar navbar-default navbar-fixed-top"> 
    <div class="container-fluid"> 
     <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" target="#myNavbar"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand" href="#">WebSiteName</a> 
     </div> 
     <div class="collapse navbar-collapse navbar-right" id="myNavbar"> 
     <ul class="nav navbar-nav "> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#">Page 1</a></li> 
      <li><a href="#">Page 2</a></li> 
      <li><a href="#">Page 3</a></li> 
     </ul> 

     </div> 
    </div> 
    </nav> 

Answer 1

당신은 부트 스트랩 또는 jQuery를 포함하는 것을 잊은 경우 일 수 있습니다. 상단에 CSS를 놓고 HTML 하단에 두 개의 js 파일을 놓습니다. 나는 또한 data-target="#myNavbar"에 target="#myNavbar"을 변경 https://jsfiddle.net/ppfkewmq/

:

이 바이올린에서보세요.