Bootstrap 简明教程

Bootstrap - Dropdown Demo

What is a dropdown?

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

The dropdown menu is a UI component that allows users to select an option from a list of choices. Dropdowns are commonly used for navigation, forms, and other interactive elements on a website.

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

Bootstrap provides built-in CSS classes, that can be used to create a dropdown menu:

  1. *.dropdown-menu - *This class is usually defined in CSS to style the appearance and behavior of the dropdown menu.

  2. *.dropdown-item - *This class might be used to control the appearance of each item within the dropdown list.

以下是一些下拉菜单的示例。

Some of the examples of the dropdown menu are as follows.

Example

Description

Download link

This example demonstrates a basic dropdown menu with various menu items.

Download

This example demonstrates a dropdown menu including a search bar and various clickable items

Download

This example demonstrates a dropdown menu with associated icons and a title.

Download

This example demonstrates a basic calendar UI with the ability to navigate between months.

Download

This example demonstrates a dropdown menu with icons and links.

Download