Bootstrap 5 Dropdowns Menu content

Bootstrap Dropdowns are one of the most important parts of an interactive website. A drop-down menu is a collection of menu items that allow users to choose a value from the list. The .dropdown class is used to design the drop-down menu. The Dropdowns menu content is subdivided into Headers, Dividers, Text, and forms.

Brief Description of Sub-topics:

• Headers: The dropdown header is used to add a header inside the dropdown menu.
• Dividers: The dropdown divider is used to separate links inside the dropdown menu with a thin horizontal border. 
• Texts: The dropdown text is used to add plain text inside the dropdown menu.
• Forms: The Dropdown Menu Form is an element to collect input data containing interactive controls. Put a form within a dropdown menu to make it into a dropdown menu. It provides facilities to input text, numbers, values, email, password, and control fields such as checkboxes, radio buttons, submit buttons, etc.

Example 1: The following example demonstrates the use of dropdown menu content in Bootstrap.

Output:

Example 2: The following example demonstrates the use of dropdown menu content in bootstrap.

Output:

Reference: https://getbootstrap.com/docs/5.2/components/dropdowns/#menu-content