dropdown bootstrap 5

1<div class="dropdown">
2  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
3    Dropdown button
4  </button>
5  <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
6    <li><a class="dropdown-item" href="#">Action</a></li>
7    <li><a class="dropdown-item" href="#">Another action</a></li>
8    <li><a class="dropdown-item" href="#">Something else here</a></li>
9  </ul>
10</div>

1<div class="dropdown">
2  <a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
3    Dropdown link
4  </a>
5
6  <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
7    <li><a class="dropdown-item" href="#">Action</a></li>
8    <li><a class="dropdown-item" href="#">Another action</a></li>
9    <li><a class="dropdown-item" href="#">Something else here</a></li>
10  </ul>
11</div>

1<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
2  <div class="container-fluid">
3    <a class="navbar-brand" href="#">Navbar</a>
4   
5    <div class="collapse navbar-collapse" id="navbarNavDarkDropdown">
6      <ul class="navbar-nav">
7        <li class="nav-item dropdown">
8          <a class="nav-link dropdown-toggle" href="#" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
9            Dropdown
10          </a>
11          <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
12            <li><a class="dropdown-item" href="#">Action</a></li>
13            <li><a class="dropdown-item" href="#">Another action</a></li>
14            <li><a class="dropdown-item" href="#">Something else here</a></li>
15          </ul>
16        </li>
17      </ul>
18    </div>
19  </div>
20</nav>