​x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
​
4
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
5
​
6
<style>
7
body {
8
padding-top: 1em;
9
}
10
</style> <div class="container-fluid">
11
12
<div class="dropdown">
13
    <button class="btn btn-primary dropdown-toggle" type="button" id="about-us" data-bs-toggle="dropdown" aria-expanded="false">
14
    About Us
15
    </button>
16
    <ul class="dropdown-menu" aria-labelledby="about-us">
17
    <li><h6 class="dropdown-header">Company Information</h6></li>
18
    <li><a class="dropdown-item" href="#">Our Story</a></li>
19
    <li><a class="dropdown-item" href="#">Our Team</a></li>
20
    <li><h6 class="dropdown-header">Contact Us</h6></li>
21
    <li><a class="dropdown-item" href="#">Call Center</a></li>
22
    <li><a class="dropdown-item" href="#">Store Locations</a></li>
23
    </ul>
24
</div>
25
​
26
</div>
27
28
<!-- Bundled -->
29
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>