Badge – Regular badge with a link to label content.

From Bootstrap - Demo Wiki
Revision as of 19:51, 31 May 2022 by Karsten Hoffmeyer (talk | contribs) (chg)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
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>