i am following a tutorial on how to create a nav bar with drop down function but things are not working preperly.
<!DOCTYPE html>
<html lang="en">
<head>
<title>My Bootstrap</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script>
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"> </script>-->
<link rel="text/javascript" href="bootstrap/js/bootstrap.min.js" />
</head>
<body>
<!-- Top Menu Bar-->
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<!-- Logo -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mainNavBar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">COLLAPSE NAVBAR</a>
</div>
<!-- Menu Items -->
<div class="collapse navbar-collapse" id="mainNavBar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Main Content -->
<div class="container">
</div>
</body>
</html>
the toggle function is working properly but the menu items are not collapsing upon clicking the button. base on the tutorial this is a jquery issue. i tried using the updated one but still didn't work. i also tried downloading the jquery file still didn't work. can someone tell me what wrong with this code?
data-
andtoggle
. – Praveen Kumar Purushothaman Jan 6 '17 at 2:09