I have been try for hours what the problem is and in the Book Coding All-In-One for dummies it say the same thing i copied it word for word because it was not working.
Here is my Code:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<title>Bootstrap</title>
<script src="http.//ajax.googlepis.com/ajax/libs/jquery/1.11.1/jquer.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<title>Dropdown Menu</title>
</head>
<body>
<ul class="nav nav-pills">
<li class="active"><a href="timeline.html">Timeline</a></li>
<li><a href="about.html">About</a></li>
<li><a href="photos.html">Photos</a></li>
<li><a href="friends.html">Friends</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">More
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="places.html">Places</a></li>
<li><a href="sports.html">Sports</a></li>
<li><a href="music.html">Music</a></li>
</ul>
</li>
</ul>
</body>
</html>
-Thanks Hayden
Aug 16, 2017 8:02 AM