Badge – Customized badges using the BootstrapComponents extension.
From Bootstrap - Demo Wiki
| Component | ||
|---|---|---|
| Name | Badge | |
| Description | Customized badges using the BootstrapComponents extension. | |
| Provider | BootstrapComponents | |
| Reference | BootstrapComponents Extension docs - badge | |
| Styling | For all possible color styles and corresponding examples, see colors. | |
Custom inline CSS
- Code
Some text that will be followed by a badge with a border. {{#bootstrap_badge: 42 | style=border:1px solid black; }}
- Result
Some text that will be followed by a badge with a border. 42
Custom CSS class
- Code
Some text that will be followed by a badge with a drop shadow. {{#bootstrap_badge: 42 | class=bootstrap-badge-example }}
On MediaWiki:Common.css or MediaWiki:Chameleon.css:
.bootstrap-badge-example {
box-shadow: 2px 2px 2px black;
}
- Result
Some text that will be followed by a badge with a drop shadow. 42
