bootstrap专栏 06.组件 09.下拉菜单

# 09.下拉菜单

[toc]{type: "ol", level: [3]}

### 下拉菜单
```html
<div class="btn-group">
    <!--菜单按钮-->
    <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
        Action
    </button>
    <!--菜单列表-->
    <div class="dropdown-menu">
        <a class="dropdown-item" href="#">Action</a>
        <a class="dropdown-item" href="#">Another action</a>
        <a class="dropdown-item" href="#">Something else here</a>
        <div class="dropdown-divider"></div>
        <a class="dropdown-item" href="#">Separated link</a>
    </div>
</div>
```
![下拉菜单-下拉菜单-点击前](09.下拉菜单-下拉菜单-点击前.png)
![下拉菜单-下拉菜后-点击后](09.下拉菜单-下拉菜单-点击后.png)