Dropdown Menu with button using bootstraps - Bootstraps Tutorials

Single List Dropdown


HTML Code

<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown <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>

Dropdown Button With Icon


HTML Code

<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown"><i class="fa fa-gear"></i> Settings <span class="fa fa-chevron-down"></span></button>
<ul class="dropdown-menu">
<li><a href="#">Profile</a></li>
<li><a href="#">Personal Settings</a></li>
<li><a href="#">Logout</a></li>
</ul>
</div>
Post a Comment