mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00
Code Activity

Add rudimentary nested dropdowns

Browse Source
This commit is contained in:
Mark Otto
2022-02-23 14:04:38 -08:00
parent 88437bd464
commit e12dddc50e
3 changed files with 48 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/content/docs/5.1/components/dropdowns.md
+24
View File
@@ -393,6 +393,30 @@ And putting it to use in a navbar:
</nav>
{{< /example >}}
## Nesting
{{< example >}}
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownNestedBtn" data-bs-toggle="dropdown" aria-expanded="false">
Nested dropdown
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownNestedBtn">
<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>
<li><hr class="dropdown-divider"></li>
<li class="dropdown">
<a class="dropdown-item" href="#" aria-labelledby="dropdownNested1">Nested dropdown</a>
<ul class="dropdown-menu" aria-labelledby="dropdownNested1">
<li><a class="dropdown-item" href="#">Nested item</a></li>
<li><a class="dropdown-item" href="#">Nested item 2</a></li>
<li><a class="dropdown-item" href="#">Nested item 3</a></li>
</ul>
</li>
</ul>
</div>
{{< /example >}}
## Directions
{{< callout info >}}