Bootstrap - 下拉演示


什么是下拉菜单?

下拉菜单是一个 UI 组件,允许用户从选项列表中选择一个选项。下拉菜单通常用于网站上的导航、表单和其他交互元素。

Bootstrap 提供了内置的 CSS 类,可用于创建下拉菜单:

  • .dropdown-menu -此类通常在 CSS 中定义,用于设置下拉菜单的外观和Behave样式。

  • .dropdown-item -此类可用于控制下拉列表中每个项目的外观。

下拉菜单的一些示例如下。

例子 描述 下载链接
基本下拉菜单 此示例演示了带有各种菜单项的基本下拉菜单。 下载
带搜索栏的下拉菜单 此示例演示了一个下拉菜单,包括搜索栏和各种可点击的项目 下载
带图标的下拉菜单 此示例演示了带有关联图标和标题的下拉菜单。 下载
下拉日历 此示例演示了一个基本的日历 UI,能够在月份之间导航。 下载
带链接的下拉菜单 此示例演示了带有图标和链接的下拉菜单。 下载