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

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