Bootstrap下拉菜单

下拉菜单在大树网页中都有出现过，其作用就是控制一个菜单可以上下展开，是以列表格式显示链接的上下文菜单。
在Boostrap里面有框架为我们写好得下拉菜单，只需要我们为一个div添加一个dropdown的类名就ok了。

<div class="dropdown">
	<button type="button" class="btn" data-toggle="dropdown">
		主题
	</button>
	<ul class="dropdown-menu" >
		<li>
			<a href="#">内容一</a>
		</li>
		<li>
			<a href="#">内容二</a>
		</li>
	</ul>
</div>

上面就是一个简单的下拉菜单，该下拉菜单由一个div包裹，我们可以控制div的位置来控制整个下拉菜单的位置，让下拉菜单到达我们想要的位置。
在div里面由两部分组成 ： 一个button 一个ul

• button用来控制下拉菜单的展开与关闭 ，控制展开与关闭的关键属性： data-toggle=“dropdown” 。
• ul ：ul用来展示下拉菜单包含的内容，其中class=“dropdown-menu”也是Bootstrap为我们早就写好的通用样式，作用就是创建一个下拉菜单。
  在下拉菜单中还有一些类名是Bootstrap为我们准备好的样式：
  .dropdown-menu-right 下拉菜单右对齐 ：就是将下拉菜单展示到页面的最右边，作用在ul上面
  
  .dropdown-header 下拉菜单中添加标题 为一个li添加标题样式，作用在li上，内容一为添加了该class名
  
  .dropup 指定向上弹出的下拉菜单
  

.disabled 下拉菜单中的禁用项，使菜单选项变成灰色 (内容二)，并在鼠标以上去有一个禁止使用的标志

.divider 下拉菜单中的分割线，让每个菜单之间有一条分界线，这条分界线需要一个空的li标签来配合该类名使用。