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