Bootstrap 5 Dropdowns Sizing

Bootstrap 5  Dropdowns Sizing is used to create dropdowns on different sizes of buttons. It normally works on any size of a button, there can be a single large button or a split small button. 

Bootstrap 5  Dropdowns Sizing Class:

There is no pre-defined class for this you can use the Bootstrap 5 Dropdowns and Bootstrap 5 Button Sizes to customize your dropdowns.

Syntax:

<div class="btn-group">
 <button class="btn ... dropdown-toggle" type="button" 
 data-bs-toggle="dropdown" aria-expanded="...">
 ...
 </button>
 <ul class="dropdown-menu">
 ...
 </ul>
</div>

Example 1: The following code demonstrates the buttons of different sizing (large and small).

Output:

Example 2: The following code demonstrates the Split dropdown buttons.

Output: