Button – Buttons styled with CSS.
From Bootstrap - Demo Wiki
| Component | ||
|---|---|---|
| Name | Button | |
| Description | Buttons styled with CSS. | |
| Provider | BootstrapComponents | |
| Reference | BootstrapComponents Extension docs - button | |
| Styling | For all possible color styles and corresponding examples, see colors. | |
Custom inline CSS
- Code
{{#bootstrap_button: Round Border | style=border: 2px solid black; border-radius: 2rem; }}
{{#bootstrap_button: Yellow Border | style=border: 2px solid yellow; }}
{{#bootstrap_button: Dashed Border | style=border: 2px dashed black; }}
- Result
Round Border Yellow Border Dashed Border
Custom CSS class
- Code
{{#bootstrap_button: Custom Class | class=bootstrap-btn-example }}
On MediaWiki:Common.css or MediaWiki:Chameleon.css:
.bootstrap-btn-example {
box-shadow: 3px 3px 5px black;
}
- Result
