Bootstrap Demo

按钮下拉菜单

常规按钮下拉

					
<div class="btn-group">
	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
		default 按钮 <span class="caret"></span>
	</button>
	<ul class="dropdown-menu" role="menu">
		<li><a href="javascript: void (0);">项一</a></li>
		<li><a href="javascript: void (0);">项二</a></li>
		<li><a href="javascript: void (0);">项三</a></li>
		<li><a href="javascript: void (0);">项四</a></li>
		<li><a href="javascript: void (0);">项五</a></li>
	</ul>
</div>

分割的按钮下拉菜单

					
<div class="btn-group">
	<button type="button" class="btn btn-default">default 按钮</button>
	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
		<span class="caret"></span>
	</button>
	<ul class="dropdown-menu" role="menu">
		<li><a href="javascript: void (0);">项一</a></li>
		<li><a href="javascript: void (0);">项二</a></li>
		<li><a href="javascript: void (0);">项三</a></li>
		<li><a href="javascript: void (0);">项四</a></li>
		<li><a href="javascript: void (0);">项五</a></li>
	</ul>
</div>

.dropup 按钮上拉菜单

					
<div class="btn-group dropup">
	<button type="button" class="btn btn-default">default 按钮</button>
	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
		<span class="caret"></span>
	</button>
	<ul class="dropdown-menu" role="menu">
		<li><a href="javascript: void (0);">项一</a></li>
		<li><a href="javascript: void (0);">项二</a></li>
		<li><a href="javascript: void (0);">项三</a></li>
		<li><a href="javascript: void (0);">项四</a></li>
		<li><a href="javascript: void (0);">项五</a></li>
	</ul>
</div>