Buttons

button styles & types

- Use classes .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-dark, .btn-white, .btn-link for button styles.

- Use classes .btn-default-bordered, .btn-primary-bordered, .btn-success-bordered, .btn-info-bordered, .btn-warning-bordered, .btn-danger-bordered, .btn-dark-bordered, .btn-white-bordered for bordered button styles.

 

standard buttons:

  default primary success info warning danger dark link

bordered buttons:

  default primary success info warning danger dark

single button dropdowns:

  default primary success info warning danger dark link

bordered single button dropdowns:

  default primary success info warning danger dark

split button dropdowns:

  defaultToggle Dropdown primaryToggle Dropdown successToggle Dropdown infoToggle Dropdown warningToggle Dropdown dangerToggle Dropdown darkToggle Dropdown

bordered split button dropdowns:

  defaultToggle Dropdown primaryToggle Dropdown successToggle Dropdown infoToggle Dropdown warningToggle Dropdown dangerToggle Dropdown darkToggle Dropdown

button with icons

- Check all available Icons: Font Awesome Icons

    default   primary   success   info   warning   danger   dark   link   default   primary   success   info   warning   danger   dark   default   primary   success   info   warning   danger   dark   link   default   primary   success   info   warning   danger   dark   defaultToggle Dropdown   primaryToggle Dropdown   successToggle Dropdown   infoToggle Dropdown   warningToggle Dropdown   dangerToggle Dropdown   darkToggle Dropdown   defaultToggle Dropdown   primaryToggle Dropdown   successToggle Dropdown   infoToggle Dropdown   warningToggle Dropdown   dangerToggle Dropdown   darkToggle Dropdown

social buttons

- Required class for social buttons: .btn-social

- Available social buttons classes: .btn-facebook, .btn-twitter, .btn-dropbox, .btn-linkedin, .btn-pinterest, .btn-google, .btn-instagram, .btn-tumblr, .btn-vk, .btn-flickr, .btn-soundcloud, .btn-yahoo.

    button facebook   button twitter   button dropbox   button linkedin   button pinterest   button google   button instagram   button tumblr   button vk   button flickr   button soundcloud   button yahoo

Small Social Buttons:

- Required class for small social buttons: .btn-social-min

- Available social buttons classes: .btn-facebook, .btn-twitter, .btn-dropbox, .btn-linkedin, .btn-pinterest, .btn-google, .btn-instagram, .btn-tumblr, .btn-vk, .btn-flickr, .btn-soundcloud, .btn-yahoo.

                                                 

rounded buttons

- Use classes .btn-rounded, .btn-rounded-2x, .btn-rounded-3x, .btn-rounded-4x, .btn-rounded-5x for rounded buttons.

  default primary success info warning danger dark default primary success info warning danger dark default primary success info warning danger dark default primary success info warning danger dark default primary success info warning danger dark

fully rounded buttons:

- Use class .btn-rounded-full for fully rounded buttons.

default primary success info warning danger dark

button sizes

- Use classes .btn-xs, .btn-sm, .btn-lg, .btn-xlg for additional sizes.

  default primary success info warning danger dark link default primary success info warning danger dark link default primary success info warning danger dark link default primary success info warning danger dark link default primary success info warning danger dark link