Dropdowns Archives

Bootstrap Dropdowns

June 29, 2020September 3, 2018 by manish

The dropdown menus can be stylised and controlled better using the contextual classes provided by Bootstrap. Bootstrap Basic Dropdown It is well known that dropdown menu is basically a list of toggleable options from which you can choose anyone. The basic dropdown menu in Bootstrap can be created using below code:

<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
        <span class="caret"></span></button>
    <ul class="dropdown-menu">
        <li><a href="#">HTML</a></li>
        <li><a href="#">CSS</a></li>
        <li><a href="#">JavaScript</a></li>
    </ul>
</div>

<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example

<li><a href="#">JavaScript</a></li>

</ul>

</div>

The basic contextual … Read more