Buttons

button styles & types

- Use classes .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-dark, .btn-white, .btn-linkfor 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-borderedfor bordered button styles.

standard buttons:

defaultprimarysuccessinfowarningdangerdarklink

bordered buttons:

defaultprimarysuccessinfowarningdangerdark

single button dropdowns:

bordered single button dropdowns:

split button dropdowns:

bordered split button dropdowns:

button with icons

- Check all available Icons: Font Awesome Icons

defaultprimarysuccessinfowarningdangerdarklink
defaultprimarysuccessinfowarningdangerdark

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 facebookbutton twitterbutton dropboxbutton linkedinbutton pinterestbutton googlebutton instagrambutton tumblrbutton vkbutton flickrbutton soundcloudbutton 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-5xfor rounded buttons.

defaultprimarysuccessinfowarningdangerdark
defaultprimarysuccessinfowarningdangerdark
defaultprimarysuccessinfowarningdangerdark
defaultprimarysuccessinfowarningdangerdark
defaultprimarysuccessinfowarningdangerdark

fully rounded buttons:

- Use class .btn-rounded-fullfor fully rounded buttons.

defaultprimarysuccessinfowarningdangerdark

button sizes

- Use classes .btn-xs, .btn-sm, .btn-lg, .btn-xlgfor additional sizes.

defaultprimarysuccessinfowarningdangerdarklink
defaultprimarysuccessinfowarningdangerdarklink
defaultprimarysuccessinfowarningdangerdarklink
defaultprimarysuccessinfowarningdangerdarklink
defaultprimarysuccessinfowarningdangerdarklink