Bootstrap

+2 Nicholas Rousseau · August 5, 2015
I've been following Bucky's coding with drop down menu with bootstrap and >My Profile< doesn't drop down. 
Did i miss a code or coding.

<!doctype html>
<html lang="en">
<head>
<title>My page is Dynamic</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="http://code.jquery.com/jquery-2.1.4.min.js"</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

</head>

<body>

<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">THEONEEYENICKY'SWEB</a>
</div>

<!-- Menu Item -->
<div>
<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>

<!-- drop down menu -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">My Profile <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Friends</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Settings</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>

</body>

</html>

Post a Reply

Replies

Oldest  Newest  Rating
0 wernich wilsenach · August 6, 2015
no closing tags... :D

/images/forum/upload/2015-08-06/7a1a27ca7e3b35276017516d17df8c75.png
  • 1

HTML / CSS / Web Design

107,187 followers
About

Discuss, share, ask, learn and teach HTML5 and CSS3.

Links
Moderators