Warum die Einblendungsoption unter der Navigationsleiste in bootstrap3 nicht funktioniert?

Die Minimierungsoption zum Gruppieren der Optionsliste in der Navigationsleiste funktioniert nicht.Warum die Einblendungsoption unter der Navigationsleiste in bootstrap3 nicht funktioniert?

Bitte überprüfen Sie den HTML-Code und Hilfe, indem Sie die Lösung zu geben. Ich möchte, dass es vollständig reagiert.

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 
     <title>TestRank</title> 

     <!-- Bootstrap --> 
     <link href="css/bootstrap.min.css" rel="stylesheet"> 
    </head> 

    <body> 
     <nav class="navbar navbar-default navbar-fixed-top"> 
      <div class="container-fluid"> 
      <div class="navbar-header"> 

       <button type="button" class="navbar-toggle" 
         data-toogle="collapse" data-target="#mynavbar"> 
        <!--<span class="sr-only">Toggle navigation</span>--> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 

       </button>   

        <a class="navbar-brand" href="index.html"><img src= "Logo.png" style="width:120px; height:30px;" alt="TestRank" ></a> 
      </div> 
       <div class="navbar-collapse collapse" id="mynavbar"> 
        <ul class="nav navbar-nav navbar-right"> 
         <li><a href="index.html">Home</a></li> 
         <li><a href="About.html">About</a></li> 
         <li><a href="Features.html">Features</a></li> 
         <li><a href="Contact.html">Contact</a></li> 
        </ul> 
       </div> 
      </div> 
     </nav> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
     <script src ="js/bootstrap.min.js"></script> 
    </body> 
</html>

Quelle

2017-02-12 Dinesh

Sie war ein Tippfehler bei <button type="button" class="navbar-toggle" data-toogle="collapse" data-target="#mynavbar" aria-expanded="false"> wo data-toogle="collapse" falsch ist, was data-toggle="collapse"

Dies ist der richtige Code sein muss:

<nav class="navbar navbar-default navbar-fixed-top"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 

     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mynavbar" aria-expanded="false"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button>   
     <a class="navbar-brand" href="index.html"><img src= "Logo.png" style="width:120px; height:30px;" alt="TestRank" ></a> 
    </div> 

     <div class="collapse navbar-collapse" id="mynavbar"> 
      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="index.html">Home</a></li> 
       <li><a href="About.html">About</a></li> 
       <li><a href="Features.html">Features</a></li> 
       <li><a href="Contact.html">Contact</a></li> 
      </ul> 
     </div> 
    </div> 
</nav>

Quelle

2017-02-12 11:36:08 Gijsberts

Dank bekam, dass gelöst – Dinesh

Warum die Einblendungsoption unter der Navigationsleiste in bootstrap3 nicht funktioniert?

Antwort

Verwandte Themen