Button example 1

Component
Name	Button
Description	Buttons with different sizes.
Provider	BootstrapComponents
Reference	BootstrapComponents Extension docs - button
Styling	For all possible color styles and corresponding examples, see colors.

Basic Buttons

Code

{{#bootstrap_button: Chameleon | color=primary}}
{{#bootstrap_button: Medik | color=secondary | text=Medik Skin }}
{{#bootstrap_button: Tweeki | color=info | text=Tweeki Skin }}

Result

{{#bootstrap_button: Chameleon | color=primary | text=Chameleon }} {{#bootstrap_button: Medik | color=secondary | text=Medik }} {{#bootstrap_button: Tweeki | color=info | text=Tweeki }}

Sized Buttons

Code

{{#bootstrap_button: Small | size=sm }}
{{#bootstrap_button: Medium | size=md }}
{{#bootstrap_button: Large | size=lg }}

Result

{{#bootstrap_button: Small | size=sm }} {{#bootstrap_button: Medium | size=md }} {{#bootstrap_button: Large | size=lg }}

This wiki contains content from the Bootstrap homepage, licensed Commons Attribution 3.0 Unported (CC BY 3.0). Thank you to everyone for creating outstanding content!