Bootstrap 5 Dropdowns Menu Content Dividers

Bootstrap 5 Dropdowns Menu content Dividers Separate groups of related menu items with a divider. It is like a straight line that divides the drop-down options.

Dropdowns Menu content Dividers Class:

• dropdown-divider:  This class is used for creating a dropdown divider.

Syntax:

<ul class="dropdown-menu">
 <li><hr class="dropdown-divider"></li>
 ...
</ul>

Example 1: In this example, we will learn about menu content dividers

Output:

👁 Image

Example 2: In this example, we will add some styling to the divider. We will increase its thickness and color.

Output:

👁 Image

Reference: https://getbootstrap.com/docs/5.0/components/dropdowns/#dividers