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:

 

bordered single button dropdowns:

 

split button dropdowns:

 

bordered split button dropdowns:

 

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




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