Shortcode Buttons

1. BUTTON

DEFAULT

[button size=”default” type=”default” „]Read more[/button]        [button size=”default” type=”primary” „]Read more[/button]        [button size=”default” type=”danger” „]Read more[/button]        [button size=”default” type=”warning” „]Read more[/button]      [button size=”default” type=”success” „]Read more[/button]        [button size=”default” type=”info” „]Read more[/button]        [button size=”default” type=”inverse” „]Read more[/button]

Syntax:

[code][button size=”default” type=”default” „]Read more[/button][/code]
[code][button size=”default” type=”primary” „]Read more[/button][/code]
[code][button size=”default” type=”danger” „]Read more[/button][/code]
[code][button size=”default” type=”warning” „]Read more[/button][/code]
[code][button size=”default” type=”success” „]Read more[/button][/code]
[code][button size=”default” type=”info” „]Read more[/button][/code]
[code][button size=”default” type=”inverse” „]Read more[/button][/code]

LARGE

[button size=”large” type=”default”]Read more[/button]       [button size=”large” type=”primary”]Read more[/button]       [button size=”large” type=”danger”]Read more[/button]       [button size=”large” type=”warning”]Read more[/button]       [button size=”large” type=”success”]Read more[/button]       [button size=”large” type=”info”]Read more[/button]       [button size=”large” type=”inverse”]Read more[/button]

Syntax:

[code][button size=”large” type=”default”]Read more[/button][/code]
[code][button size=”large” type=”primary”]Read more[/button][/code]
[code][button size=”large” type=”danger”]Read more[/button][/code]
[code][button size=”large” type=”warning”]Read more[/button][/code]
[code][button size=”large” type=”success”]Read more[/button][/code]
[code][button size=”large” type=”info”]Read more[/button][/code]
[code][button size=”large” type=”inverse”]Read more[/button][/code]

SMALL

[button size=”small” type=”default”]Read more[/button]        [button size=”small” type=”primary”]Read more[/button]        [button size=”small” type=”danger”]Read more[/button]        [button size=”small” type=”warning”]Read more[/button]        [button size=”small” type=”success”]Read more[/button]        [button size=”small” type=”info”]Read more[/button]        [button size=”small” type=”inverse”]Read more[/button]

Syntax:

[code][button size=”small” type=”default”]Read more[/button][/code]
[code][button size=”small” type=”primary”]Read more[/button][/code]
[code][button size=”small” type=”danger”]Read more[/button][/code]
[code][button size=”small” type=”warning”]Read more[/button][/code]
[code][button size=”small” type=”success”]Read more[/button][/code]
[code][button size=”small” type=”info”]Read more[/button][/code]
[code][button size=”small” type=”inverse”]Read more[/button][/code]

MINI

[button size=”mini” type=”default”]Read more[/button]        [button size=”mini” type=”primary”]Read more[/button]        [button size=”mini” type=”danger”]Read more[/button]        [button size=”mini” type=”warning”]Read more[/button]        [button size=”mini” type=”success”]Read more[/button]        [button size=”mini” type=”info”]Read more[/button]        [button size=”mini” type=”inverse”]Read more[/button]

Syntax:

[code][button size=”mini” type=”default”]Read more[/button][/code]
[code][button size=”mini” type=”primary”]Read more[/button][/code]
[code][button size=”mini” type=”danger”]Read more[/button][/code]
[code][button size=”mini” type=”warning”]Read more[/button][/code]
[code][button size=”mini” type=”success”]Read more[/button][/code]
[code][button size=”mini” type=”info”]Read more[/button][/code]
[code][button size=”mini” type=”inverse”]Read more[/button][/code]

BUTTON GROUP

HORIZONTAL

[button_group][button size=”default” type=”default” „]1[/button][button size=”default” type=”primary” „]2[/button][button size=”default” type=”danger” „]3[/button][button size=”default” type=”warning” „]4[/button][button size=”default” type=”success” „]5[/button][button size=”default” type=”info” „]6[/button][button size=”default” type=”inverse” „]7[/button][/button_group]

Syntax:

[code][button_group][button size=”default” type=”default”]1[/button][button size=”default” type=”primary”]2[/button][button size=”default” type=”danger”]3[/button][button size=”default” type=”warning”]4[/button][button size=”default” type=”success”]5[/button][button size=”default” type=”info”]6[/button][button size=”default” type=”inverse”]7[/button][/button_group][/code]

VERTICAL

[button_group vertical=”1″][button size=”default” type=”primary”]1[/button][button size=”default” type=”danger”]2[/button][button size=”default” type=”warning”]3[/button][button size=”default” type=”success”]4[/button][button size=”default” type=”info”]5[/button][button size=”default” type=”inverse”]6[/button][/button_group]

Syntax:

[code][button_group vertical=”1″][button size=”default” type=”primary”]1[/button][button size=”default” type=”danger”]2[/button][button size=”default” type=”warning”]3[/button][button size=”default” type=”success”]4[/button][button size=”default” type=”info”]5[/button][button size=”default” type=”inverse”]6[/button][/button_group][/code]

Vélemény, hozzászólás?