Checkout color states of all buttons on popover to buttons

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

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

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

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

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

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

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

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

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

Use Class .btn-out inside button to make inner solid Border Button.

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

Use Class .btn-out-dashed inside button to make inner dashed Border Button.

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

Use Class .btn-out-dotted inside button to make inner solid dotted Button.

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

Vertical gradient

Use Class .btn-grd-* inside button to make gradient Button.

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

Horizontal gradient

Use Class .hor-grd .btn-grd-* inside button to make horizontal gradient Button.

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

Use Class .btn-mat inside button to make matrialized 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.

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

Use Class btn-outline-* inside button to make Border 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