Checkout color states of all buttons on popover to buttons

Primary buttonSuccess buttonInfo buttonwarning buttonDanger buttonInverse buttonDisabled button

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

Primary ButtonSuccess ButtonInfo ButtonWarning ButtonDanger ButtonInverse ButtonDisabled Button

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

Primary ButtonSuccess ButtonInfo ButtonWarning ButtonDanger ButtonInverse ButtonDisabled Button

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

Primary ButtonSuccess ButtonInfo ButtonWarning ButtonDanger ButtonInverse ButtonDisabled Button

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

Primary ButtonSuccess ButtonInfo ButtonWarning ButtonDanger ButtonInverse ButtonDisabled Button

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

Primary ButtonSuccess ButtonInfo ButtonWarning ButtonDanger ButtonInverse ButtonDisabled Button

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

Primary ButtonSuccess ButtonInfo ButtonWarning ButtonDanger ButtonInverse ButtonDisabled Button

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

Primary ButtonSuccess ButtonInfo ButtonWarning ButtonDanger ButtonInverse ButtonDisabled Button

Vertical gradient

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

Primary ButtonSuccess ButtonInfo ButtonWarning ButtonDanger ButtonInverse ButtonDisabled Button

Horizontal gradient

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

Primary ButtonSuccess ButtonInfo ButtonWarning ButtonDanger ButtonInverse ButtonDisabled Button

Use Class .btn-matinside button to make matrialized Button.

Primary ButtonSuccess ButtonInfo ButtonWarning ButtonDanger ButtonInverse ButtonDisabled Button

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

Primary ButtonSuccess ButtonInfo ButtonWarning ButtonDanger ButtonInverse ButtonDisabled Button

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

Primary ButtonSuccess ButtonInfo ButtonWarning ButtonDanger ButtonInverse ButtonDisabled Button

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

FacebookTwitterLinkedinDribbleGoogle+InstagramPinterestDropboxTumbler