bootstrap下拉菜单怎么做

Bootstrap 下拉菜单制作指南

什么是下拉菜单？

下拉菜单是一种交互式组件，当用户点击或悬停时会显示一个包含选项列表的面板。

如何制作 Bootstrap 下拉菜单？

创建下拉菜单需用到以下 HTML 元素：

• 容器用于包裹下拉菜单
• 或 元素作为触发器，用户点击或悬停时显示菜单
• 无序列表用于包含菜单选项
• 列表项用于表示单个菜单选项

步骤：

1. 创建一个
   容器并添加 dropdown 类。
2. 在容器内添加触发器元素（ 或 ），并添加 dropdown-toggle 和 data-toggle=\"dropdown\" 属性。
3. 创建一个
   无序列表，并将 dropdown-menu 类添加到该列表中。
4. 在
   列表内添加
   • 列表项，并为每个选项添加链接或其他内容。

   示例代码：

   <div class="dropdown">
     <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
       Dropdown
     </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>
     </ul>
   </div>