Buttons

HTML Shortcode

Add Text/HTML module to the page with the below HTML content.
1
2
3
4
5
6
7
<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button>

Buttons Disabled

HTML Shortcode

Add Text/HTML module to the page with the below HTML content.
1
2
3
4
<button type="button" class="btn btn-lg btn-primary" disabled="disabled">
    Primary button</button>
<button type="button" class="btn btn-default btn-lg" disabled="disabled">
    Button</button>

Labels

Default Primary Success Info Warning Danger

HTML Shortcode

Add Text/HTML module to the page with the below HTML content.
1
2
3
4
5
6
<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>

Buttons Sizes

HTML Shortcode

Add Text/HTML module to the page with the below HTML content.
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<button type="button" class="btn btn-primary btn-lg">
    Large button</button>
<button type="button" class="btn btn-default btn-lg">
    Large button</button>
<button type="button" class="btn btn-primary">
    Default button</button>
<button type="button" class="btn btn-default">
    Default button</button>
<button type="button" class="btn btn-primary btn-sm">
    Small button</button>
<button type="button" class="btn btn-default btn-sm">
    Small button</button>
<button type="button" class="btn btn-primary btn-xs">
    Extra small button</button>
<button type="button" class="btn btn-default btn-xs">
    Extra small button</button>