2013-08-02 4 views
6

J'essaye d'implémenter une barre de navigation sensible dans Bootstrap 3 Les choses ont fonctionné pour la plupart. La barre s'étend même correctement. Ensuite, lorsque j'appuie de nouveau sur le bouton de repli réactif, la barre s'effondre à mi-chemin et redescend ensuite.Bootstrap 3 Navbar se développe mais ne s'effondrera pas

Ceci vérifie que le Javascript est en place et que le CSS est correctement installé. Je ne sais pas comment cela pourrait se passer autrement. Même dans Plunkr cela fonctionne, mais pas dans mon projet. Des idées?

<div class="navbar"> 
    <div class="container"> 
     <button type="button" data-toggle="collapse" data-target=".navbar-responsive-collapse" class="navbar-toggle collapsed"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a href="#" class="navbar-brand">Title</a> 
     <div style="height: 0px;" class="nav-collapse navbar-responsive-collapse collapse"> 
     <ul class="nav navbar-nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#">Link</a></li> 
     </ul> 
     </div> 
    </div> 
</div> 
+0

S'il vous plaît préparer un jsFiddle ou quelque chose comme ça vous pouvez nous aider à mieux vous aider. – sulfureous

Répondre

8

Il se trouve que j'ai inclus un double compilé Javascript et qu'il y avait un malentendu avec les auditeurs de l'événement et il était peut-être buggy. Fixé.

+0

même chose est arrivé avec moi dans BS 2.2 ... si ce problème persiste pour les autres utilisateurs, c'est une bonne idée de vérifier votre js – ajdigregorio

+0

ajoutant l'étape sur la façon dont vous l'avez fait, pourrait aider les autres sur ce – JamParaiso

6

J'ai eu le même problème exact et résolu simplement en déplaçant le bootstrap.js avant tout autre .js que j'avais au bas du <body>.

+0

ohh .. super. Votre solution est travaillée pour moi Mais monsieur, je n'ai pas compris pourquoi nous devons faire ça ..? signifie que j'ai placé le fichier 'bootstrap.js' au bas du' ', alors quelle est la raison de derrière cela .. ???? –

Questions connexes