-
Dropdown
-
Home
Basic Dropdown
A dropdown menu is a toggleable menu that allows the user to choose one value from a predefined list
<div class="basic-dropdown">
<div class="dropdown">
<button type="button" class="btn btn-default dropdown-toggle" data-bs-toggle="dropdown">
Dropdown button
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="javascript:void(0);">Link 1</a>
<a class="dropdown-item" href="javascript:void(0);">Link 2</a>
<a class="dropdown-item" href="javascript:void(0);">Link 3</a>
</div>
</div>
</div>Dropdown Divider
The
.dropdown-divider class is used to separate links inside the dropdown menu with a thin horizontal border
<div class="basic-dropdown">
<div class="dropdown">
<button type="button" class="btn btn-default dropdown-toggle" data-bs-toggle="dropdown">
Dropdown button
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="javascript:void(0);">Link 1</a>
<a class="dropdown-item" href="javascript:void(0);">Link 2</a>
<a class="dropdown-item" href="javascript:void(0);">Link 3</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="javascript:void(0);">Another link</a>
</div>
</div>
</div>
