1) Bootstrap Dropdowns

Dropdown menu is a toggle button menu.

Example:-

<div class="dropdown">
  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
    Dropdown button
  </button>
  <div class="dropdown-menu">
    <a class="dropdown-item" href="#">ITEM 1</a>
    <a class="dropdown-item" href="#">ITEM 2</a>
    <a class="dropdown-item" href="#">ITEM 3</a>
  </div>
</div>

Test it Now

2) Bootstrap Dropdown Divider

.dropdown-divider class is used to separate links inside the dropdown menu with a thin horizontal border.

Example:-

Test it Now

3) Bootstrap Dropdown Header

.dropdown-header class is used add headers inside the dropdown menu.

Example:-

Test it Now

Next Topic

← prev next →

Bootstrap 4 Tuto

1) Bootstrap Dropdowns

2) Bootstrap Dropdown Divider

3) Bootstrap Dropdown Header