Checkout color states of all buttons on popover to buttons

Default button Primary button Success button Info button warning button Danger button Inverse button Disabled button

Buttons

Use the button classes on an <a>, <button>, or <input> element.

Default Button Primary Button Success Button Info Button Warning Button Danger Button Inverse Button Disabled Button

Rounded buttons

Add .btn-round to default button to get rounded corners.

Default Button Primary Button Success Button Info Button Warning Button Danger Button Inverse Button Disabled Button

Square Buttons

Add .btn-square to default button to get square corners.

Default Button Primary Button Success Button Info Button Warning Button Danger Button Inverse Button Disabled Button

Skew Buttons

Add .btn-skew to default button to get skew Buttons.

Default Button Primary Button Success Button Info Button Warning Button Danger Button Inverse Button Disabled Button

Use <i class="icofont icofont-star"> inside button to add icon.

Default Button Primary Button Success Button Info Button Warning Button Danger Button Inverse Button Disabled Button

Use Class btn-outline-* inside button to make Border Button.

Default Button Primary Button Success Button Info Button Warning Button Danger Button Inverse Button Disabled Button

Use btn-xlg, btn-lg, btn-md, btn-sm, btn-mini inside class to use different size button.

Facebook Twitter Linkedin Dribble Google+ Instagram Pinterest Dropbox Tumbler