基本下拉
一个下拉菜单是一个可切换菜单，允许用户选择从预定义列表中的一个值：
例
<div class="dropdown">
<button class="btn btn-primary
dropdown-toggle" type="button" data-toggle="dropdown">Dropdown
Example
<span class="caret"></span></button>
<ul
class="dropdown-menu">
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">JavaScript</a></li>
</ul>
</div> 试一试» 例子解释：
该.dropdown类表示一个下拉菜单。
要打开下拉菜单，使用按钮或一类的链接.dropdown-toggle和data-toggle="dropdown"属性。
该.caret类创建一个插入符号箭头图标( ) ( ) ( ) ，这表明该按钮是一个下拉菜单。
添加.dropdown-menu类将<ul>元素实际构建的下拉菜单。
下拉分频器
该.divider类用于用薄水平边框的下拉菜单里单独的链接：
下拉头
该.dropdown-header类是用来添加下拉菜单里面的头：
禁用项目
要禁用在下拉菜单中的项目，使用.disabled类：
下拉位置
为了右对齐下拉列表中，添加.dropdown-menu-right级与.dropdown菜单中的元素：
放弃
如果你想在下拉菜单中向上拓展，而不是向下，改变<div>与元素class="dropdown"到"dropup"
下拉无障碍
为了帮助改善辅助功能使用屏幕阅读器的人，你应该包括以下role和aria-*创建一个下拉菜单中的属性时，：
例
<div class="dropdown">
<button class="btn btn-default
dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">Tutorials
<span class="caret"></span></button>
<ul class="dropdown-menu"
role="menu" aria-labelledby="menu1">
<li
role="presentation"><a role="menuitem" href="#">HTML</a></li>
<li role="presentation"><a role="menuitem" href="#">CSS</a></li>
<li role="presentation"><a role="menuitem" href="#">JavaScript</a></li>
<li role="presentation" class="divider"></li>
<li
role="presentation"><a role="menuitem" href="#">About
Us</a></li>
</ul>
</div> 试一试» 自测练习用！
完成引导下拉参考
对于所有的下拉选项，方法和事件的完整参考，请访问我们的引导JS下拉参考 。