2016-10-28 29 views
0

Ich habe ein Problem mit meinem bootstrap navbar, wenn es im Vollbildmodus eine kleine Symbolleiste oben angezeigt wird, und wenn die Größe des Fensters die gleiche Symbolleiste bleibt dort und die Schaltfläche nicht erscheinen, zuerst hier ist der Code:bootstrap navbar funktioniert nicht richtig

<header> 
    <nav role="navigation" class="navbar navbar-inverse" style="border-radius:0px;"> 
     <!-- Brand and toggle get grouped for better mobile display --> 
     <div class="navbar-header"> 
      <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a href="index.php" class="navbar-brand">Brand</a> 
     </div> 
     <!-- Collection of nav links, forms, and other content for toggling --> 
     <div id="navbarCollapse" class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
       <li class="active"><a href="index.php">Home</a></li> 
       <li><a href="index.php?p=la">Movies List</a></li> 
       <li><a href="index.php?p=gl">Genre List</a></li> 

      </ul> 
      <form role="search" class="navbar-form navbar-left"> 
       <div class="form-group"> 
        <input type="text" placeholder="Search" class="form-control"> 
       </div> 
      </form> 
      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="admin/index.php?p=log">Login</a></li> 
      </ul> 
     </div> 
    </nav> 
</header> 

Und hier ist ein Screenshot von dem, was es sieht aus wie:

enter image description here

+0

Verwenden Sie Java Script für diese Funktionalität für Nav-Bar '' Dies erfordert Java Script Import, und es sollte funktionieren – Batman

+0

Ich benutze Bootstrap-Plugins

Antwort

0

sieht aus wie Sie die JavaScript-Komponente enthalten sein können fehlen:

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
+0

nein, es ist enthalten. –

+0

Haben Sie auch jQuery hinzugefügt, wenn nicht müssen Sie. Kannst du das Script includes auch bereitstellen? –

0

Es ist die Ausgabe von Ihrem Javascript mit CSS, Knopf immer reflektiert, was bedeutet, dass Ihr Navigationsleiste wird nicht als Button-Umwandlung, wenn Bild vergrößert wird

Sie diese verwenden können, seine einfache und bequemeBoot Flat

+0

ja es ist auch enthalten, ich komme zu der Erkenntnis, dass das Problem ist, dass Javascript auf meiner Website überhaupt nicht funktioniert, ich weiß nicht, was verhindern, dass es funktioniert. –

+0

Okay Probieren Sie Boot Flat [link] (http://bootflat.github.io/) es haben Sie alle JavaScript in den Ordner enthalten, die Sie entsprechend ändern können. Lassen Sie mich wissen, wenn Hilfe !! – Batman

+1

vielen dank! –

Verwandte Themen