Badge – Regular badge with a link to label content.
From Bootstrap - Demo Wiki
| Component | ||
|---|---|---|
| Name | Badge | |
| Description | Regular badge with a link to label content. | |
| Provider | Skin | |
| Note | Since the HTML <a> tag is not allowed within wikitext you need to circumvent its usage. The result is not exactly the same but a compromise. Alternatively you can choose to use an extension that allows to use the HTML <a> tag which is however strongly disadvised for wikis without edit restrictions. | |
| Reference | getbootstrap.com - badge with links | |
| Styling | For all possible color styles and corresponding examples, see colors. | |
Result
Primary Secondary Success Danger Warning Info Light Dark
Code
<span class="badge badge-primary">[[Primary|<span style="color: white">Primary</span>]]</span>
<span class="badge badge-secondary">[[Secondary|<span style="color: white">Secondary</span>]]</span>
<span class="badge badge-success">[[Success|<span style="color: white">Success</span>]]</span>
<span class="badge badge-danger">[[Danger|<span style="color: white">Danger</span>]]</span>
<span class="badge badge-warning">[[Warning|<span style="color: black">Warning</span>]]</span>
<span class="badge badge-info">[[Info|<span style="color: white">Info</span>]]</span>
<span class="badge badge-light">[[Light|<span style="color: black">Light</span>]]</span>
<span class="badge badge-dark">[[Dark|<span style="color: white">Dark</span>]]</span>
