110 lines
2.9 KiB
HTML
110 lines
2.9 KiB
HTML
|
<div class="dropdown">
|
||
|
|
<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
|
||
|
|
Primary
|
||
|
|
</button>
|
||
|
|
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
|
||
|
|
<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>
|
||
|
|
|
||
|
|
<br />
|
||
|
|
|
||
|
|
<div class="btn-group">
|
||
|
|
<button
|
||
|
|
class="btn btn-outline-primary dropdown-toggle"
|
||
|
|
type="button"
|
||
|
|
id="dropdownMenuButton2"
|
||
|
|
data-bs-toggle="dropdown"
|
||
|
|
aria-haspopup="true"
|
||
|
|
aria-expanded="false"
|
||
|
|
>
|
||
|
|
Primary outline
|
||
|
|
</button>
|
||
|
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
|
||
|
|
<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>
|
||
|
|
|
||
|
|
<br />
|
||
|
|
<br />
|
||
|
|
|
||
|
|
<div class="btn-group">
|
||
|
|
<button
|
||
|
|
class="btn btn-secondary dropdown-toggle"
|
||
|
|
type="button"
|
||
|
|
id="dropdownMenuButton3"
|
||
|
|
data-bs-toggle="dropdown"
|
||
|
|
aria-haspopup="true"
|
||
|
|
aria-expanded="false"
|
||
|
|
>
|
||
|
|
Secondary
|
||
|
|
</button>
|
||
|
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton3">
|
||
|
|
<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
|
||
|
|
class="btn btn-outline-secondary dropdown-toggle"
|
||
|
|
type="button"
|
||
|
|
id="dropdownMenuButton4"
|
||
|
|
data-bs-toggle="dropdown"
|
||
|
|
aria-haspopup="true"
|
||
|
|
aria-expanded="false"
|
||
|
|
>
|
||
|
|
Secondary outline
|
||
|
|
</button>
|
||
|
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton4">
|
||
|
|
<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>
|
||
|
|
|
||
|
|
<br /><br />
|
||
|
|
|
||
|
|
<div class="btn-group">
|
||
|
|
<button
|
||
|
|
class="btn btn-primary dropdown-toggle"
|
||
|
|
disabled
|
||
|
|
type="button"
|
||
|
|
id="dropdownMenuButton5"
|
||
|
|
data-bs-toggle="dropdown"
|
||
|
|
aria-haspopup="true"
|
||
|
|
aria-expanded="false"
|
||
|
|
>
|
||
|
|
Disabled
|
||
|
|
</button>
|
||
|
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton5">
|
||
|
|
<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
|
||
|
|
class="btn btn-outline-primary dropdown-toggle"
|
||
|
|
disabled
|
||
|
|
type="button"
|
||
|
|
id="dropdownMenuButton6"
|
||
|
|
data-bs-toggle="dropdown"
|
||
|
|
aria-haspopup="true"
|
||
|
|
aria-expanded="false"
|
||
|
|
>
|
||
|
|
Disabled outline
|
||
|
|
</button>
|
||
|
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton6">
|
||
|
|
<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>
|