bootstrap4 简单下拉菜单

下拉菜单是可切换的，是以列表格式显示链接的上下文菜单。

<div class="dropdown"> <button type="button"

class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Dropdown button </button> <div class="dropdown-menu"><a class="dropdown-item" href="#">

Link 1</a><a class="dropdown-item" href="#">

Link 2</a><a class="dropdown-item" href="#">

Link 3</a> </div></div>

实例解析

.dropdown 类用来指定一个下拉菜单。

我们可以使用一个按钮或链接来打开下拉菜单， 按钮或链接需要添加 .dropdown-toggle 和 data-toggle="dropdown" 属性。

<div> 元素上添加 .dropdown-menu 类来设置实际下拉菜单，然后在下拉菜单的选项中添加 .dropdown-item 类。