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:
-
*.dropdown-menu - *This class is usually defined in CSS to style the appearance and behavior of the dropdown menu.
-
*.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. |
||
This example demonstrates a dropdown menu including a search bar and various clickable items |
||
This example demonstrates a dropdown menu with associated icons and a title. |
||
This example demonstrates a basic calendar UI with the ability to navigate between months. |
||
This example demonstrates a dropdown menu with icons and links. |