下拉菜单按钮组件

在这里插入图片描述
在这里插入图片描述

<div class="dropdown">
  <button class="btn btn-default"  data-toggle="dropdown" >
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

在这里插入图片描述
在这里插入图片描述

**

设置菜单的分割线

**
在这里插入图片描述

<ul class="dropdown-menu" >
  ...
  <li class="divider"></li>
  ...
</ul>

**

禁用菜单选项

**
在这里插入图片描述

<ul class="dropdown-menu">
  <li><a href="#">Regular link</a></li>
  <li class="disabled"><a href="#">Disabled link</a></li>
  <li><a href="#">Another link</a></li>
</ul>

猜你喜欢

转载自blog.csdn.net/steve1988717/article/details/84889987