bootstrap 下拉菜单

Bootstrap 提供了一个简单而强大的下拉菜单组件，可以在网页中创建漂亮的下拉菜单。

下面是一个基本的 Bootstrap 下拉菜单的示例代码：

<div class="dropdown">
  <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    下拉菜单
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">菜单项1</a>
    <a class="dropdown-item" href="#">菜单项2</a>
    <a class="dropdown-item" href="#">菜单项3</a>
  </div>
</div>

这段代码会创建一个外层容器 `<div class="dropdown">`，里面包含一个按钮和一个下拉菜单。按钮使用了 `btn` 和 `btn-primary` 类来设置样式，`dropdown-toggle` 类用于触发下拉菜单的显示与隐藏。下拉菜单使用了 `dropdown-menu` 类。

在下拉菜单内部，使用 `<a>` 标签来创建菜单项，每个菜单项使用 `dropdown-item` 类。你可以根据需要添加更多菜单项。

在代码中，`data-toggle` 和 `aria-haspopup` 属性用于指定下拉菜单的行为，`aria-expanded` 属性用于指示下拉菜单的展开状态。

你可以根据自己的需求修改按钮和菜单项的文本、样式等内容。