Badge example 5
From Bootstrap for MediaWiki
| Component | ||
|---|---|---|
| Name | Badge | |
| Description | Badges 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
<span class="badge text-bg-primary">Primary</span>
<span class="badge text-bg-secondary">Secondary</span>
<span class="badge bg-primary-subtle text-primary-emphasis">Primary subtle</span>
<span class="badge bg-secondary-subtle text-secondary-emphasis">Secondary subtle</span>
- Result
Primary Secondary Primary subtle Secondary subtle
Dark mode
The code is the same as for light mode, see Color modes.
- Result
Primary Secondary Primary subtle Secondary subtle
