Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They’re made interactive with the included Bootstrap dropdown JavaScript plugin.

Example Code:

<div class="dropdown open">
    <a class="btn btn-secondary dropdown-toggle" href="https://example.com" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Dropdown link
    </a>

    <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
        <a class="dropdown-item" href="#">Action</a>
        <a class="dropdown-item" href="#">Another action</a>
        <a class="dropdown-item" href="#">Something else here</a>
    </div>
</div>

Dropdown Options	Class	Description
Active State	.active	Dropdown Button's selected/active state.
Dropdown Sizes	.dropdown-menu-[xl/lg/sm]	Different dropdown sizes.

Refer following links for usage:

Type	URL
Bootstrap Page	https://getbootstrap.com/docs/4.1/components/dropdowns/
Template Page	https://pixinvent.com/demo/convex-bootstrap-admin-dashboard-template/demo-1/components-dropdowns.html