twitter引导程序下拉菜单 - twitter bootstrap drop down menu

twitter bootstrap drop down menu

如何使用twitter引导程序创建下拉菜单。我目前的导航是

<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>

这里我想要报告链接

的下拉菜单

请参阅该示例：http://jsfiddle.net/jrV6u/

并在您的页面中包含以下脚本：

jQuery

引导程序下拉插件

Boostrap已经有了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>