django 부트 스트랩 드롭 다운이 작동하지 않습니다.

Question

저는 django에 기반한 웹 사이트를 만들고 있습니다. 탐색 바의 부트 스트랩 드롭 다운을 사용하여 저해상도 (모바일보기)에서 navbar를 축소하지만 버튼을 클릭해도 navbar가 드롭 다운되지 않습니다.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 

<nav id="main-menu" class="navbar" role="navigation"> 
     <div class="navbar-header"> 
      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" 
        data-target=".navbar-cat-collapse"> 
       <span class="sr-only">Toggle Navigation</span> 
       <i class="fa fa-bars"></i> 
      </button> 
     </div> 
     <div class="collapse navbar-collapse navbar-cat-collapse"> 
      <ul class="nav navbar-nav"> 
       <li><a href="{% url 'home_page' %}">Home</a></li> 
       <li><a href="#">About</a></li> 
       <li><a href="#">Pages</a></li> 
       <li><a href="{% url 'contact_page' %}">Contact Us</a></li> 
      </ul> 
     </div> 
    </nav> 

Answer 1

는 지금까지의 내가 부트 스트랩을 알고 등등 붕괴와 같은 애니메이션 물건을 위해 자체 javascript 라이브러리를 사용합니다. 따라서 js 파일도 가져와야합니다. 부트 스트랩 JS 라이브러리 jquery를 사용하기 때문에, 당신은 jQuery를 가져 아래에이 줄 를 넣어해야한다는 첫 번째 <script> 태그 아래

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

메모를이 줄을 넣어. 그렇지 않으면 작동하지 않습니다.