2013-08-02 31 views
6

Bootstrap 3'da duyarlı bir navbar uygulamaya çalışıyorum Şeyler çoğu için çalışıyor. Çubuk doğru şekilde genişler. Ardından, duyarlı çöküş düğmesine tekrar bastığımda, çubuk yaklaşık olarak yarım olarak çöker ve ardından geri düşer.Bootstrap 3 Navbar Genişletir ama Başlamaz

Bu, Javascript'in yerinde olduğunu ve CSS'nin de doğru şekilde yerinde olduğunu doğrular. Bunun nasıl olabileceğini bilmiyorum. Plunkr'da bile çalışıyor ama benim projemde değil. Herhangi bir fikir?

<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

Lütfen daha iyi yardımcı olmamıza yardımcı olabilecek bir jsFiddle veya benzeri bir şey hazırlayın. – sulfureous

cevap

8

Ben JavaScript derlenmiş bir kopyasını dahil ve olay dinleyicileri ile bazı birarada olduğunu ve bu yüzden arabası ediliyordu çıkıyor. Sabit.

+0

BS 2.2'de benimle aynı şey oldu ... Eğer diğer kullanıcılar için bu sorun devam ederse, js – ajdigregorio

+0

nu kontrol edip, bu – JamParaiso

6

Aynı sorunu yaşadım ve bootstrap.js'u başka bir .js önce değiştirerek çözdüm. <body>'un alt kısmında vardı.

+0

ohh .. üzerindeki diğer kişilere yardımcı olabilecekleri ekleyerek iki kez kontrol etmek iyi bir fikir. senin çözümün benim için çalıştı. Ama efendim, neden bunu yapmak zorunda olduğumuzu anlamadım ..? 'bootstrap.js' dosyasını '''ün altına yerleştirdiğim anlamına gelir, bu yüzden bunun arkasında yatan sebep nedir ???? –

İlgili konular