04 菜单 按钮及导航

//下拉菜单

<div class="dropdown">
　　<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">//dropdown 必须要和容器的class一样
　　下拉菜单
　　　　<span class="caret"></span> //右侧的小图标
　　</button>
　　<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
　　　　<li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>
　　　　<li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>
　　　　<li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li>
　　　　<li role="presentation"><a role="menuitem" tabindex="-1" href="#" onclick="javascript:alert(‘aaa‘)">下拉菜单项</a></li>
　　</ul>
</div>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> //要先引用JQuery
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> //使用bootstrap的下拉列表 必须引用bootstrap的js

04 菜单 按钮及导航

原文：http://www.cnblogs.com/YyuTtian/p/4534095.html