Bootstrap 3 La barra di navigazione si espande ma non contrasta

Sto tentando di implementare una barra di navigazione reattiva in Bootstrap 3 Le cose hanno funzionato per la maggior parte. La barra si espande anche correttamente. Quindi, quando premo di nuovo il pulsante di collusione reattiva, la barra collassa a metà strada e poi si abbassa.Bootstrap 3 La barra di navigazione si espande ma non contrasta

Verifica che Javascript sia installato e che anche il CSS sia posizionato correttamente. Non so in che altro modo potrebbe accadere. Anche in Plunkr funziona, ma non nel mio progetto. Qualche idea?

<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>

fonte

2013-08-02 Spencer Allen Gardner

Per favore prepara un jsFiddle o qualcosa del genere puoi aiutarci ad aiutarti meglio. – sulfureous

Si scopre che ho incluso un duplicato compilato Javascript e che c'era qualche disguido con gli ascoltatori di eventi e così veniva buggy. Fisso.

fonte

2013-08-02 20:05:25

stessa cosa è successo con me in BS 2.2 ... se questo problema persiste per gli altri utenti, è una buona idea controllare il tuo js – ajdigregorio

aggiungendo il passo su come lo hai fatto, potrebbe aiutare gli altri su questo – JamParaiso

Ho avuto lo stesso esatto problema e l'ho risolto semplicemente spostando lo bootstrap.js prima di qualsiasi altro .js che avevo nella parte inferiore dello <body>.

fonte

2013-10-23 22:02:53

ohh .. grande. la tua soluzione è funzionante per me. Ma signore, non capisco perché dobbiamo farlo ..? significa che ho messo il file 'bootstrap.js' nella parte inferiore del' ', quindi qual è la ragione di dietro a questo .. ???? –

Bootstrap 3 La barra di navigazione si espande ma non contrasta

risposta

Problemi correlati