2016-08-28 2 views
0

Ho Freunde.Daten-Ziel funktioniert nicht mit Bootstrap

Ich benutze Navbar in Bootstarp. zum Kollabieren eines div-Elements, das data-toogle- und data-target-Attribute aufruft. aber ich finde diese Attribute nicht in meiner Seite, aus diesem Grund funktioniert der Kollaps nicht. kann jemand helfen, was in meinem Code fehlt und warum diese Attribute nicht angezeigt werden, während Sie diese Attribute eingeben.

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    <link href="../Content/bootstrap.css" rel="stylesheet" /> 
    <link href="../Content/bootstrap-theme.min.css" rel="stylesheet" /> 
    <link href="../Content/bootstrap.min.css" rel="stylesheet" /> 
    <link href="../Content/bootstrap-theme.css" rel="stylesheet" /> 
    <script src="../Scripts/angular-ui-router.js"></script> 
    <script src="../Scripts/angular-ui-router.min.js"></script> 
    <script src="../Scripts/Collapse.JS"></script> 

</head> 
<body> 
    <div> 
     <nav class="navbar navbar-default navbar-fixed-top navbar-inverse"> 
      <div class="navbar-header"> 
       <button type="button" class="navbar-toggle" data-target="#mynavbar" data-toogle="collapse"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
      </div> 
      <div class="collapse navbar-collapse" id="mynavbar"> 
       <ul class="nav navbar-nav"> 
        <li><a href="">Home</a></li> 
        <li><a href="">About</a></li> 
        <li><a href="">Gallery</a></li> 
        <li><a href="">Contact</a></li> 
       </ul> 
       <ul class="nav navbar-right navbar-nav"> 
        <li><a href="#">Login/SignUp</a></li> 
       </ul> 
      </div> 

     </nav> 
    </div> 
</body> 
</html> 

Antwort

1

Sie haben einen Tippfehler in Ihrer Taste sagt Data-toogle es sollte Data-Toggle sagen.

<button type="button" class="navbar-toggle" data-target="#mynavbar" data-toggle="collapse">