<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown button
</button>
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownMenuButton2">
<li><a class="dropdown-item active" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Separated link</a></li>
</ul>
</div><body>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown button
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</div>
<script src="bootstrap.bootstrap.bundle.js"></script>
</body> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown
<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#"><form role="form">
<div class="form-group">
<label for="sel1">Select list (select one):</label>
<select class="form-control" id="sel1">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<br>
<label for="sel2">Mutiple select list (hold shift to select more than one):</label>
<select multiple class="form-control" id="sel2">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
<!-- Bootstrap 3.3 Dropdown -->
<div class="dropdown">
<button id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown trigger
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dLabel">
...
</ul>
</div><p>
<a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
Link with href
</a>
<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
Button with data-target
</button>
</p>
<div class="collapse" id="collapseExample">
<div class="card card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
</div>
</div>| Code Example |
|---|
| Html :: twig map |
| Html :: html link weiterleitung |
| Html :: html info on hover |
| Html :: html5 datalist |
| Html :: html unordered list |
| Html :: html download file from directory |
| Html :: run another Html in html |
| Html :: strong tag html |
| Html :: boostrap input |
| Html :: html image size 50 percent |
| Html :: Adding a button to a Markdown |
| Html :: google colab to html |
| Html :: how to send sms with a tag in html |
| Html :: input range event |
| Html :: multiline comment html |
| Html :: variables in html |
| Html :: select country dropdown with flag |
| Html :: name attribute in html |
| Html :: html data-target modal |
| Html :: meta for author |
| Html :: responsive web dev for watches |
| Html :: add map in html |
| Html :: jquery loop print html() |
| Html :: subscript html |
| Html :: itelaic in html |
| Html :: conditional script tag in html head site:stackoverflow.com |
| Html :: click on tr redirect new page |
| Html :: edit text on click html5 |
| Html :: align img bootstrap |
| Html :: table bootstrap dark |