django bootstrap下拉不起作用

Question

我正在建設基於django的網站。我在導航欄中使用引導程序下拉菜單來摺疊低分辨率的導航欄，即移動視圖，但單擊按鈕導航欄時不會下拉。

<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文件。 把此行的第一<script>標籤下面

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

注意，因爲引導的js庫使用jquery，你必須把這條線以下進口 jQuery的。否則它將無法工作。