Le menu déroulant de Bootstrap ne fonctionne pas

Question

Je n'arrive pas à faire fonctionner le dropdown de bootstrap. Voici mon html pour le nav :

<ul class='nav'>
  <li class='active'>Home</li>
  <li class='dropdown'>
    <a class="dropdown-toggle" data-toggle="dropdown" href='#'>Personal asset loans</a>
    <ul class="dropdown-menu" role="menu">
      <li><a href="#">asds</a></li>
      <li class="divider"></li>
    </ul>
  </li>
  <li>Payday loans</li>
  <li>About</li>
  <li>Contact</li>
</ul>

Et voici les scripts :

<script type="text/javascript" src="js/bootstrap/bootstrap-dropdown.js"></script>
<script>
     $(document).ready(function(){
        $('.dropdown-toggle').dropdown()
    });
</script>

Qu'est-ce que je fais mal ? Merci pour vos réponses !

Answer 1

J'ai eu le même problème. Après quelques heures de recherche de panne, j'ai trouvé que..,

J'avais

<script type="text/javascript" src="Scripts/bootstrap.min.js"></script>
<script type="text/javascript" src="Scripts/jquery-2.1.1.min.js"></script>

au lieu de,

<script type="text/javascript" src="Scripts/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="Scripts/bootstrap.min.js"></script>

J'espère que cela aidera quelqu'un

Answer 2

J'ai eu le même problème lorsque j'ai inclus le bootstrap.min.js deux fois. J'ai enlevé l'un d'eux et il a commencé à fonctionner.

Answer 3

FYI : Si vous avez bootstrap.js, vous devez no ajouter bootstrap-dropdown.js.

Je ne suis pas sûr du résultat avec bootstrap.min.js.

Answer 4

Démonstration de travail : http://codebins.com/bin/4ldqp73

essayez ceci

<ul class='nav'>
  <li class='active'>Home</li>
  <li>
    <div class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Personal asset loans</a>
      <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">            
        <li><a href="#">asds</a></li>
        <li class="divider"></li>
      </ul>
    </div>   
    </li>
    <li>Payday loans</li>
  <li>About</li>
  <li>Contact</li>
</ul>

Answer 5

Pour votre style vous devez inclure les fichiers css de bootstrap, généralement juste avant </head> élément

<link href="css/bootstrap.css" rel="stylesheet">    

Ensuite, vous devrez inclure les fichiers js. Il est recommandé de les inclure à la fin du document, généralement avant la balise </body> pour que les pages se chargent plus rapidement.

<script src="js/jquery.js"></script>        
<script src="js/bootstrap.js"></script>