2016-05-26 14 views
0

Also benutze ich Bootstrap um eine responsive Navigationsleiste zu erstellen. Immer wenn ich die Site lokal teste (d. H. Öffne sie einfach in einem Browser), dann klappt die Navigationsleiste zusammen und die Schaltfläche ist klickbar, was ich will. Wenn ich die Website online stelle, klappt die Navigationsleiste zusammen, aber die Schaltfläche ist nicht anklickbar. Ich habe andere ähnliche Fragen durchsucht (ich weiß, dass es viele gibt), aber ich kann nicht herausfinden, was falsch läuft. Ich habe auch versucht, die Dokumentation durchzugehen, ohne Erfolg. Ich würde auch gerne den Button auf den linken Teil der Navigationsleiste setzen, wenn ich zusammenbricht, was ich nicht herausfinden kann. Jede Hilfe/Vorschläge, was ich falsch machen könnte, wird sehr geschätzt. Danke im Voraus. HierNavbar kollabiert, wird aber nicht umschalten (Bootstrap)

ist der entsprechende Code:

<nav class="navbar navbar-inverse top-buffer" role="navigation"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 

      <div class="navbar-collapse collapse"> 
       <ul class="nav navbar-nav"> 
        <li class="active"><a href="#">Home</a></li> 
        <li><a href="#">Online Trainer</a></li> 
        <li><a href="#">Supplements</a></li> 
        <li><a href="#">Sponsored Athletes</a></li> 
        <li><a href="#">Affiliates</a></li> 
        <li><a href="#">Exercise Guide</a></li> 
        <li><a href="#">Log In</a></li> 
        <li><a href="#">About</a></li> 
        <li><a href="#">Contact</a></li> 
       </ul> 
      </div> 
     </div> 
    </div> 
</nav> 
+0

verwenden Sie 'bootstrap.min.js'? – dippas

+0

Ist dies eine Standardinstallation von Bootstrap? Ich würde überprüfen, um sicherzustellen, dass Ihre abhängigen JS-Dateien korrekt geladen werden (jquery.js bootstrap.js usw.) Wenn diese geladen werden, würde ich Ihre Konsole auf Fehler überprüfen. – crazymatt

+0

beide vor dem Schließen des body -Tags erscheinen. Ich habe auch die Konsole auf Fehler überprüft und es gibt keine. – MatthewSpire

Antwort

0

ich es herausgefunden. Wie ein Rookie habe ich die bootstrap.min.js nicht aufgenommen, so wie ich es hätte sein sollen. Ich habe meinen Fehler korrigiert und jetzt funktioniert alles richtig.

Verwandte Themen