30 Day Free Trial
We’ll help you get started by getting you guides and all the basic informaiton.
No thanks, I hate free stuff.Create beautiful marketing websites in hours instead of weeks.
Already have an account? Login
We’ll help you get started by getting you guides and all the basic informaiton.
No thanks, I hate free stuff.Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin.
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
Dropdown button
</button>
<div class="dropdown-menu dropdown-menu-lg" aria-labelledby="dropdownMenuButton">
<div class="row gx-0">
<div class="col">
<!-- Heading -->
<h6 class="dropdown-header text-uppercase mb-3">
Company
</h6>
<!-- Links -->
<a class="dropdown-item" href="../pricing.html">
Pricing
</a>
<a class="dropdown-item" href="../pricing-feature-list.html">
Pricing Table
</a>
<a class="dropdown-item" href="../career-listing.html">
Careers
</a>
<a class="dropdown-item" href="../career-benefits.html">
Benefits
</a>
<a class="dropdown-item" href="../contact.html">
Contact
</a>
<a class="dropdown-item" href="../faq.html">
FAQ
</a>
</div>
<div class="col">
<!-- Heading -->
<h6 class="dropdown-header text-uppercase mb-3">
Blog
</h6>
<!-- Links -->
<a class="dropdown-item" href="../blog-listing.html">
Listing
</a>
<a class="dropdown-item" href="../blog-post.html">
Article
</a>
<a class="dropdown-item" href="../blog-post-cover.html">
Cover Article
</a>
<!-- Heading -->
<h6 class="dropdown-header text-uppercase mb-3">
Legal
</h6>
<!-- Links -->
<a class="dropdown-item" href="../terms.html">
Terms
</a>
</div>
</div>
</div>
</div>
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButtonTwo" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown button
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButtonTwo">
<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>
<div class="btn-group">
<button type="button" class="btn btn-danger">Action</button>
<button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fe fe-chevron-down"></i>
</button>
<div class="dropdown-menu">
<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>