2013-08-02 16 views
6

Próbuję zaimplementować responsywny pasek nawigacyjny w Bootstrap 3 Rzeczy działają w przeważającej części. Pasek rozwija się poprawnie. Następnie, po ponownym wciśnięciu przycisku "Zapadalności", pasek zwinięty jest w połowie długości, a następnie z powrotem opada.Pasek nawigacyjny Bootstrap 3 rozwija się, ale nie chce się zlikwidować.

To sprawdza, czy JavaScript jest na miejscu i czy CSS jest poprawnie zainstalowany. Nie wiem, jak to się mogło stać. Nawet w Plunkr to działa, ale nie w moim projekcie. Jakieś pomysły?

<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

Przygotuj jsFiddle lub coś w tym stylu, dzięki czemu możemy pomóc nam lepiej. – sulfureous

Odpowiedz

8

Okazuje się, że zawarte duplikat skompilowany JavaScript i że tam był jakiś bład z detektorów zdarzeń, a więc to był ewidentnie wadliwy. Naprawiony.

+0

to samo stało się ze mną w BS 2.2 ... jeśli problem będzie się powtarzał dla innych użytkowników, dobrze jest dokładnie sprawdzić swój js – ajdigregorio

+0

, dodając krok, jak to zrobiłeś, może pomóc innym w tym – JamParaiso

6

Miałem ten sam dokładny problem i rozwiązałem go po prostu przesuwając bootstrap.js przed jakimkolwiek innym .js miałem na dnie <body>.

+0

ohh .. świetnie. Twoje rozwiązanie jest dla mnie skuteczne. Ale proszę pana, nie zrozumiałem, dlaczego musimy to zrobić ...? oznacza, że ​​umieściłem plik 'bootstrap.js' na dole' ', więc co jest powodem tego ... ??? –

Powiązane problemy