Bootstrap下拉菜单组件

组件的功能是帮助我们的网页实现一些功能，我们可以引用的是Bootstrap中的下拉菜单。我们来看看下拉组件中常用到的一些的功能:

下拉菜单的实现:

<div class="dropdown">

<button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown">

主题<span class="caret"></span>

</button>

</div>

我们将class赋值为.dropdown然后在这个class的内部增加下拉菜单就可以了

选项:

<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">

<li role="presentation">

<a role="menuitem" tabindex="-1" href="#">option</a>

</li>

</ul>

对齐:(pull-right,pull-left)

<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">option</a>
</li>
</ul>
分割线:

<li role="presentation" class="divider"></div>

下拉菜单的标题:

<li role="presentation" class="dropdown-header">标题</li>