dropdown bootstrap

1<div class="dropdown">
2  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
3    Dropdown
4  </button>
5  <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
6    <button class="dropdown-item" type="button">Action</button>
7    <button class="dropdown-item" type="button">Another action</button>
8    <button class="dropdown-item" type="button">Something else here</button>
9  </div>
10</div>

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

1<div class="dropdown">
2  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-expanded="false">
3    Dropdown button
4  </button>
5  <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownMenuButton2">
6    <li><a class="dropdown-item active" 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    <li><hr class="dropdown-divider"></li>
10    <li><a class="dropdown-item" href="#">Separated link</a></li>
11  </ul>
12</div>

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

1<div class="collapse navbar-collapse">
2    <ul class="navbar-nav mr-auto">
3      	<li class="nav-item">
4      		<a class="nav-link" href="#">Clientes</a>
5      	</li>
6      	<li class="nav-item">
7      		<a class="nav-link" href="#">Fornecedores</a>
8      	</li>
9     	<li class="nav-item dropdown">
10          <a  class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">
11            Veículos
12          </a>
13          <div class="dropdown-menu">
14            <a class="dropdown-item" href="#">Carros</a>
15            <a class="dropdown-item" href="#">Marcas</a>
16            <a class="dropdown-item" href="#">Modelos</a>
17          </div>
18    	</li>
19	</ul>
20</div>

1          <li class="dropdown">
2         <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown            
3
4         <b class="caret"></b></a>
5         <ul class="dropdown-menu">
6           <li><a href="#"><form role="form">
7<div class="form-group">
8  <label for="sel1">Select list (select one):</label>
9  <select class="form-control" id="sel1">
10    <option>1</option>
11    <option>2</option>
12    <option>3</option>
13    <option>4</option>
14  </select>
15  <br>
16  <label for="sel2">Mutiple select list (hold shift to select more than one):</label>
17  <select multiple class="form-control" id="sel2">
18    <option>1</option>
19    <option>2</option>
20    <option>3</option>
21    <option>4</option>
22    <option>5</option>
23  </select>
24</div>
25