Question

How can I create a drop down menu using twitter bootstrap. my current navigation is

<ul class="nav nav-tabs " style="width: 860px;">
<li >
    <a href="#" >Employees</a>
</li>
<li >
    <a href="#" >Projects</a>
</li>
<li >
    <a href="#" >Clients</a>
</li>
<li >
    <a href="#" >Assign Projects</a>
</li>
<li >
    <a href="#" > Reports</a>

</li>
<li><a href="logout.php" >Logout</a></li>

here I want a drop down menu for Reports link

Answer 1

Boostrap already have that http://twitter.github.com/bootstrap/components.html#dropdowns

<div class="dropdown">
<!-- Link or button to toggle dropdown -->
<a href="#">Drop me!</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>
</div>