| Style | Info | Example |
|---|---|---|
| Primary | Blue | [bsg_button type=”two” size=”” block=”no” disabled=”no” link=”#” target=”” tooltip_enabled=”no”]Button[/bsg_button] |
| Dark | Black | [bsg_button type=”three” size=”” block=”no” disabled=”no” link=”#” target=”” tooltip_enabled=”no”]Button[/bsg_button] |
| Transparent White | Transparent – White Border | [bsg_button type=”one” size=”” block=”no” disabled=”no” link=”#” target=”” tooltip_enabled=”no”]Button[/bsg_button] |
| Transparent Blue | Transparent – Blue Border | [bsg_button type=”four” size=”” block=”no” disabled=”no” link=”#” target=”” tooltip_enabled=”no”]Button[/bsg_button] |
| Link | Transparent | [bsg_button type=”link” size=”” block=”no” disabled=”no” link=”#” target=”” tooltip_enabled=”no”]Button[/bsg_button] |
[[bsg_button type="one|two|three|four|link" size="" block="no" disabled="no" link="#" target="" tooltip_enabled="no"]Button[/bsg_button]][/bsg_toggle] [bsg_divider style=”none” margin_top=”30″ margin_bottom=”30″ icon_font=”font-awesome”] [bsg_title size=”2″ align=”left” underline=”no”]Bootstrap Buttons[/bsg_title]
| Style | Info | Example |
|---|---|---|
| Default | White | [bsg_button type=”default” size=”” block=”no” disabled=”no” link=”#” target=”” tooltip_enabled=”no” tooltip=””]Button[/bsg_button] |
| Primary | Blue | [bsg_button type=”primary” size=”” block=”no” disabled=”no” link=”#” target=”” tooltip_enabled=”no” tooltip=””]Button[/bsg_button] |
| Success | Green | [bsg_button type=”success” size=”” block=”no” disabled=”no” link=”#” target=”” tooltip_enabled=”no” tooltip=””]Button[/bsg_button] |
| Info | Turquoise | [bsg_button type=”info” size=”” block=”no” disabled=”no” link=”#” target=”” tooltip_enabled=”no” tooltip=””]Button[/bsg_button] |
| Warning | Orange | [bsg_button type=”warning” size=”” block=”no” disabled=”no” link=”#” target=”” tooltip_enabled=”no” tooltip=””]Button[/bsg_button] |
| Danger | Red | [bsg_button type=”danger” size=”” block=”no” disabled=”no” link=”#” target=”” tooltip_enabled=”no” tooltip=””]Button[/bsg_button] |
[[bsg_button type="default|primary|success|info|Danger|danger" size="" block="no" disabled="no" link="#" target="" tooltip_enabled="no" tooltip=""]Button[/bsg_button]][/bsg_toggle] [bsg_divider style=”none” margin_top=”30″ margin_bottom=”30″ icon_font=”font-awesome”] [bsg_title size=”2″ align=”left” underline=”no”]Sizes[/bsg_title] [bsg_button type=”two” size=”lg” block=”no” disabled=”no” link=”#” target=”” tooltip_enabled=”no” tooltip=””]Large[/bsg_button] [bsg_button type=”two” size=”” block=”no” disabled=”no” link=”#” target=”” tooltip_enabled=”no” tooltip=””]Default[/bsg_button] [bsg_button type=”two” size=”sm” block=”no” disabled=”no” link=”#” target=”” tooltip_enabled=”no” tooltip=””]Small[/bsg_button] [bsg_button type=”two” size=”xs” block=”no” disabled=”no” link=”#” target=”” tooltip_enabled=”no” tooltip=””]Extra Small[/bsg_button] [bsg_divider style=”none” margin_top=”5″ margin_bottom=”5″ icon_font=”font-awesome”] [bsg_toggle trigger_text=”Show Code” trigger_icon=”plusminus” opened=”no”]
[[bsg_button type="two" size="lg|sm|xs" block="no" disabled="no" link="#" target="" tooltip_enabled="no" tooltip=""]Button[/bsg_button]][/bsg_toggle] [bsg_divider style=”none” margin_top=”30″ margin_bottom=”30″ icon_font=”font-awesome”] [bsg_title size=”2″ align=”left” underline=”no”]With Tooltip[/bsg_title] [bsg_button type=”two” size=”” block=”no” disabled=”no” link=”#” target=”” tooltip_enabled=”yes” tooltip=”Nunc interdum lacus sit amet orci. Phasellus tempus.”]Tooltip[/bsg_button] [bsg_divider style=”none” margin_top=”5″ margin_bottom=”5″ icon_font=”font-awesome”] [bsg_toggle trigger_text=”Show Code” trigger_icon=”plusminus” opened=”no”]
[[bsg_button type="TYPE" size="" block="no" disabled="no" link="#" target="" tooltip_enabled="yes|no" tooltip="TOOLTIP_CONTENT"]BUTTON_TEXT[/bsg_button]][/bsg_toggle] [bsg_divider style=”none” margin_top=”30″ margin_bottom=”30″ icon_font=”font-awesome”] [bsg_title size=”2″ align=”left” underline=”no”]Disabled[/bsg_title] [bsg_button type=”two” size=”” block=”no” disabled=”yes” link=”#” target=”” tooltip_enabled=”no” tooltip=””]Disabled[/bsg_button] [bsg_divider style=”none” margin_top=”5″ margin_bottom=”5″ icon_font=”font-awesome”] [bsg_toggle trigger_text=”Show Code” trigger_icon=”plusminus” opened=”no”]
[[bsg_button type="TYPE" size="" block="no" disabled="yes|no" link="#" target="" tooltip_enabled="no" tooltip=""]BUTTON_TEXT[/bsg_button]][/bsg_toggle] [bsg_divider style=”none” margin_top=”30″ margin_bottom=”30″ icon_font=”font-awesome”] [bsg_title size=”2″ align=”left” underline=”no”]Full Width[/bsg_title] [bsg_button type=”two” size=”” block=”yes” disabled=”no” link=”#” target=”” tooltip_enabled=”no” tooltip=””]Full Width[/bsg_button] [bsg_divider style=”none” margin_top=”5″ margin_bottom=”5″ icon_font=”font-awesome”] [bsg_toggle trigger_text=”Show Code” trigger_icon=”plusminus” opened=”no”]
[[bsg_button type="TYPE" size="" block="yes|no" disabled="no" link="#" target="" tooltip_enabled="no" tooltip=""]BUTTON_TEXT[/bsg_button]][/bsg_toggle]