php - 推特引导下拉菜单

Question

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

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

这里我想要一个报告链接的下拉菜单

Answer 1

看那个例子：http: //jsfiddle.net/jrV6u/

并将此脚本包含到您的页面中：

jQuery

引导下拉插件

Answer 2

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>