Dropdown example 1

Component
Name	Dropdown
Description	Dropdown menus with wiki links, headers and dividers
Provider	Skin
Note	The code differs a little from Bootstrap's documentation, because MediaWiki does not allow buttons or HTML links in wikitext. The menu items are ordinary wiki links.
Reference	getbootstrap.com - dropdowns
Styling	For all possible color styles and corresponding examples, see colors.

Dropdown menu

Code

<div class="dropdown mb-3">
  <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

Headers and dividers

Code

<div class="dropdown mb-3">
  <div class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" role="button" tabindex="0">This wiki</div>
  <ul class="dropdown-menu">
    <li><span class="dropdown-header">Topics</span></li>
    <li>[[Components|<span class="dropdown-item">Components</span>]]</li>
    <li>[[Colors|<span class="dropdown-item">Colors</span>]]</li>
    <li>[[Grid|<span class="dropdown-item">Grid</span>]]</li>
    <li><hr class="dropdown-divider"></li>
    <li><span class="dropdown-header">Extensions</span></li>
    <li>[[Bootstrap (extension)|<span class="dropdown-item">Bootstrap</span>]]</li>
    <li>[[BootstrapComponents|<span class="dropdown-item">BootstrapComponents</span>]]</li>
  </ul>
</div>

Result

This wiki contains content from the Bootstrap homepage, licensed Commons Attribution 3.0 Unported (CC BY 3.0). Thank you to everyone for creating outstanding content!