<a class="navbar-brand" href="#">Red Carpet Films</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="index.php">Movies</a></li>
<li><a href="#">Kids</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Genres<b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="dropdown-header">Action</li>
<li><a href="#">Action1</a></li>
<li class="dropdown-header">Adventure</li>
<li><a href="#">Adventure1</a></li>
drop down menu doesn't work properly. when I click on genre it doesn't present a list.. does nothing except has the little arrow sign indicating its a dropdown list
You forgot the dependents for bootstrap.
THis is a JavaScript issue. Include
at the bottom of the HTML document. Simple mistake made often. Been there...done that...