Dropdown example 2
From Bootstrap for MediaWiki
| Component | ||
|---|---|---|
| Name | Dropdown | |
| Description | Dropdown in light mode and dark mode | |
| Provider | Skin | |
| Note | Dark mode needs the CSS marked "Bootstrap dark mode" on MediaWiki:Common.css, because the Chameleon skin leaves out Bootstrap's dark mode. | |
| Reference | getbootstrap.com - color modes | |
| Styling | For all possible color styles and corresponding examples, see colors. | |
Light mode
- Code
<div class="dropdown">
<div class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" role="button" tabindex="0">Skins</div>
<ul class="dropdown-menu">
<li>[[Chameleon|<span class="dropdown-item">Chameleon</span>]]</li>
<li>[[Medik|<span class="dropdown-item">Medik</span>]]</li>
<li>[[Tweeki|<span class="dropdown-item">Tweeki</span>]]</li>
</ul>
</div>
- Result
Skins
Dark mode
The code is the same as for light mode, see Color modes.
- Result
Skins
