December 11, 201312 yr I've been following a bootstrap tutorial on YouTube, to try and understand the concept. I've followed it more the once now. The first time the nav collapse worked along with the drop down menu, but now it won't seem to work, yet i haven't done anything different. It makes the button when the screen is reduced in size, it just doesn't do anything when i click on it, yet in the tutorial it does. What has gone wrong? <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/bootstrap.min.css" media="screen"> <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Life+Savers:400,700' rel='stylesheet' type='text/css'> <!--[if lt IE 9]> <script src="bootstrap-3.0.0/assets/js/html5shiv.js"></script> <script src="bootstrap-3.0.0/assets/js/respond.min.js"></script> <![endif]--> </head> <body> <div class="navbar navbar-default"> <div class="container"> <a href class="navbar-brand">Porcellus</a> <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="collapse navbar-collapse navHeaderCollapse"> <ul class="nav navbar-nav navbar-right"> <li><a href="#">Home</a></li> </ul> </div> </div> </div> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="jquery.js"></script> </body> </html>
Create an account or sign in to comment