普通下拉菜单:
<div class="btn-group">
<button class="btn btn-default" data-toggle="dropdown">
下拉菜单<span class="caret"></span>
</button>
<ul class="dropdown-menu pull-right">
<li>dropdown-menu1</li>
<li>dropdown-menu2</li>
<li>dropdown-menu3</li>
<li>dropdown-menu4</li>
<li>dropdown-menu5</li>
</ul>
</div>
<div class="btn-group">
<button class="btn btn-default" data-toggle="dropdown">
下拉菜单<span class="caret"></span>
</button>
<ul class="dropdown-menu pull-right">
<li>dropdown-menu1</li>
<li>dropdown-menu2</li>
<li>dropdown-menu3</li>
<li>dropdown-menu4</li>
<li>dropdown-menu5</li>
</ul>
</div>
<div class="btn-group">
<button class="btn btn-default" data-toggle="dropdown">
下拉菜单<span class="caret"></span>
</button>
<ul class="dropdown-menu pull-right">
<li>dropdown-menu1</li>
<li>dropdown-menu2</li>
<li>dropdown-menu3</li>
<li>dropdown-menu4</li>
<li>dropdown-menu5</li>
</ul>
</div>
效果图:
二级下拉菜单:
<div class="dropdown">
<!--data-toggle属性ysyuubdsxwlajs控控制,首先隐藏dropwown-menu,class包含的列表元素,点击时open-->
<button class="btn btn-default" data-toggle="dropdown">
下拉菜单<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<!--dropdown-header把内容设置为disable-->
<li class="dropdown-header">分类1</li>
<li><a href="javascript:void(0)">html5</a></li>
<li><a href="javascript:void(0)">css3</a></li>
<li> class="dropdown-header">分类2</li>
<li><a href="javascript:void(0)">javascript</a></li>
<li><a href="javascript:void(0)">jqeray</a></li>
</ul>
</div>
效果图: