Buttons

Buttons

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

Outline buttons

Use a classes .btn-outline-** to quickly create a bordered buttons.

Soft buttons

Use a classes .btn-soft-** to quickly create buttons with soft background.

Button-Rounded

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

Button Width

Create buttons with minimum width by adding add .width-xs, .width-sm, .width-md or .width-lg.

Button Sizes

Add .btn-lg, .btn-sm for additional sizes.

Button Group

Wrap a series of buttons with .btn in .btn-group.


Icon-Button

Use the button classes on an <a>, <button>, or <input> element. Add class Icon to span and add Icon.

Loading-Button

Use the .btn btn-* btn-rounded btn-spinner-text on <a>, <button>.

Social-Button

Use the .btn-social ** * contains fb, dribble, tw, ln, ins, gplus. <a>, <button>.

Social-Outline-Button

Use the .btn-outline-social ** * contains fb, dribble, tw, ln, ins, gplus. <a>, <button>.

Customization
Choose Variation
Default
vertical
Top Nav
horizontal
Dark Side Nav
dark sidenav
Condensed Side Nav
condensed
Fixed Width (Boxed)
boxed
App Settings