2017-11-21 6 views
0

Arbeiten mit Bootstrap Navbar Artikel nicht kollabieren auf Mobile View Ich habe gerade Navbar-Fixed-Top hinzugefügt. Ich möchte wissen, was ist falsch mit mycode und Wollen Lösung für sieBootstrap Navbar kollabiert nicht auf Handy Anzeigen

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 

 
<header> 
 
    <nav class="navbar navbar-inverse navbar-fixed-top"> 
 
    <div class="container-fluid"> 
 
     <div class="navbar-header"> 
 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
 
     <span class="icon-bar"></span> 
 
     <span class="icon-bar"></span> 
 
     <span class="icon-bar"></span>       
 
     </button> 
 
     </div> 
 

 
     <div class="collapse navbar-collapse navbar-nav navbar-right" id="myNavbar"> 
 
     <ul class="nav navbar-nav navbar-right"> 
 
      <li><a class="scrollable" href="#top">About</a></li> 
 
      <li><a class="scrollable" href="#portfolio">Portfolio</a></li> 
 
      <li><a class="scrollable" href="#contact">Contact Info</a></li> 
 
     </ul> 
 

 
     </div> 
 
    </div> 
 
    </nav> 
 

 

 
</header>

+0

Haben Sie die Bootstrap-Javascript-Datei hinzugefügt? –

+0

jqury fehlt oder zeigt Port-Meta-Tag an. –

+0

@MarkC. Nein, ich habe auf diesem einen verpasst Danke – krishnaa208

Antwort

0

Sie benötigen jquery und bootstrap.min.js umfassen zum Zusammen navbar

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 

 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 

 

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

 
<header> 
 
    <nav class="navbar navbar-inverse navbar-fixed-top"> 
 
    <div class="container-fluid"> 
 
     <div class="navbar-header"> 
 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
 
     <span class="icon-bar"></span> 
 
     <span class="icon-bar"></span> 
 
     <span class="icon-bar"></span>       
 
     </button> 
 
     </div> 
 

 
     <div class="collapse navbar-collapse navbar-nav navbar-right" id="myNavbar"> 
 
     <ul class="nav navbar-nav navbar-right"> 
 
      <li><a class="scrollable" href="#top">About</a></li> 
 
      <li><a class="scrollable" href="#portfolio">Portfolio</a></li> 
 
      <li><a class="scrollable" href="#contact">Contact Info</a></li> 
 
     </ul> 
 

 
     </div> 
 
    </div> 
 
    </nav> 
 

 

 
</header>

+0

danke Bruder für Hilfe – krishnaa208

Verwandte Themen