0

私はDjangoを2回目に使用しています。他のページでインポートできるヘッダー用の基本htmlファイルを作成しようとしています。問題はドロップダウン部分が機能していないように見えることです。私は自分のコードで問題を見つけることができません。多分。ここに私のコードです。ドロップダウンが機能しないDjango

<nav class="navbar navbar-inverse navbar-static-top example-8"> 
<div class="container"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar8"> 
      <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 text-hide" href="#">Brand Text 
     </a> 
    </div> 
    <div id="navbar8" class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav navbar-right"> 
      <li class="active"><a href="#">Home</a></li> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown 
        <span class="caret"></span></a> 
       <ul class="dropdown-menu" role="menu"> 
        <li><a href="#">Action</a></li> 
        <li><a href="#">Another action</a></li> 
        <li><a href="#">Something else here</a></li> 
        <li class="divider"></li> 
        <li class="dropdown-header">Nav header</li> 
        <li><a href="#">Separated link</a></li> 
        <li><a href="#">One more separated link</a></li> 
       </ul> 
      </li> 
     </ul> 
    </div> 
    <!--/.nav-collapse --> 
</div> 
<!--/.container-fluid --> 

答えて

0

ブートストラップのドロップダウンは、ブートストラップのjavascriptファイルをHTMLにインポートする場合にのみ機能します。例にはインポートが表示されません。以下のような

何か:

<script src="path/to/boostrap.min.js"></script> 
+0

私はこれを試みたが、それはまだ動作していないようです。アドバイスをありがとうtho。 – Fastboyz

0

この問題は、かつて私に起こりました。 ソリューションでした:それは働いていなかったので、私は両方のページすなわちのファイルにブートストラップCDN sを含めた

。 同じことをしているかどうかを確認してください。ヘッダーインクルードファイルにないメインページでのみcdnを使ってみてください。 これが役立つことを願っています!

+0

ええ、私はそれを覚えているが、それはまだ動作しませんでした。ヒントthoをありがとう – Fastboyz

関連する問題