Django Heroku - ドロップダウンがブートストラップで動作しない

Question

私はDjangoプロジェクトを作成し、サイドメニューを持っているページにはサイドメニューが選択されるたびにドロップダウンが表示されます。これは、私がそれをローカルで実行しているときに起きていますが、ヒロクでは動作していません。ドロップダウンコードは次のとおりです。

<li class="panel panel-default" id="dropdown"> 
      <a data-toggle="collapse" href="#dropdown-lvl4"> 
       <span class="glyphicon glyphicon-menu-down"></span> Day 4 <span class="caret"></span> 
      </a> 

      <!-- Dropdown level 1 --> 
      <div id="dropdown-lvl4" class="panel-collapse collapse"> 
       <div class="panel-body"> 
        <ul class="nav navbar-nav"> 
         <li><a href="/python_course/day4/reg_expressions">Regular Expressions</a></li> 
         <li><a href="/python_course/day4/data_scraping">Data Scraping</a></li> 


        </ul> 
       </div> 
      </div> 
     </li> 

ウェブサイトのリンクはhereです。親切に私にこれを手伝ってください。私はherokuとDjangoに新しい。

Answer 1

セキュアな（https）ページから暗号化されていない（http）リソースを読み込もうとしています。もしあなたがhttpを使ってあなたのページをチェックするなら、それはうまくいくことに気づくでしょう。

変更

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

注URLでプロトコル文字列（http:）の欠如に次の行

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

。