组件的功能是帮助我们的网页实现一些功能,我们可以引用的是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>