2015-09-04 1 views
-1

J'ai fait un menu déroulant dans le bootstrap de Twitter, mais cela ne semble pas fonctionner. Lorsque je clique sur le menu déroulant, il affiche simplement un lien mort dans la barre d'adresse. S'il vous plaît aider !!menus déroulants dans bootstrap

Voici mon code:

<!DOCTYPE html> 
<html> 
<head> 
<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 

<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"> 

<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
</head> 
<body> 
<nav class="navbar navbar-inverse"> 
    <ul class="nav navbar-nav"> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">About</a></li> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Products <span class="caret"></span></a> 

      <ul class="dropdown-menu"> 
      <li><a href="#"> Girls</a></li>   
      </ul> 

     </li> 

    </ul> 

</nav> 

</body> 
</html> 
+0

Quel lien est-il montrer? Qu'attendez-vous qu'il fasse? Aucun de vos articles de la barre de navigation n'a de lien, ils vont tous à #, ce qui signifie "Restez sur cette page" – dman2306

+0

Je ne veux pas de mes liens pour quitter la page. Je veux juste que l'élément déroulant affiche le menu déroulant quand je clique dessus. – Ayusch

+0

Essentiellement, vous avez dit "ce code ne fait pas ce que je veux" mais vous n'avez pas expliqué ce que vous voulez qu'il fasse. – dman2306

Répondre

3

Un grand nombre de composants d'amorçage ont besoin jQuery pour fonctionner correctement. Votre page ne charge pas jQuery. Ajouter:

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> 

juste au-dessus où vous chargez bootstrap.min.js et vous devriez être bon d'aller

+0

Correct qui semble la cause de l'erreur –

+0

Merci! ça a marché. Le correctif consistait à ajouter jquery au-dessus de tous les liens bootstrap. – Ayusch