Elements

Button

Solid round button

Lorem ipsum dolor sit amet, hendrerit omittantur mel, es vidit animal iracundia. Alteramo essent incorrupte.

Awesome Button

Line Button icon

Lorem ipsum dolor sit amet, hendrerit omittantur mel, es vidit animal iracundia. Alteramo essent incorrupte.

Awesome Button >

round button icon

Lorem ipsum dolor sit amet, hendrerit omittantur mel, es vidit animal iracundia. Alteramo essent incorrupte.

Awesome Button >

Solid round button

Lorem ipsum dolor sit amet, hendrerit omittantur mel, es vidit animal iracundia. Alteramo essent incorrupte.

Awesome Button

Line Button

Lorem ipsum dolor sit amet, hendrerit omittantur mel, es vidit animal iracundia. Alteramo essent incorrupte.

Awesome Button

round button icon

Lorem ipsum dolor sit amet, hendrerit omittantur mel, es vidit animal iracundia. Alteramo essent incorrupte.

Awesome Button >

Button Radius

Lorem ipsum dolor sit amet, hendrerit omittantur mel, es vidit animal iracundia. Alteramo essent incorrupte.

Awesome Button

Gray Line Button

Lorem ipsum dolor sit amet, hendrerit omittantur mel, es vidit animal iracundia. Alteramo essent incorrupte.

Awesome Button

Shadow Button

Lorem ipsum dolor sit amet, hendrerit omittantur mel, es vidit animal iracundia. Alteramo essent incorrupte.

Awesome Button >

Inline Button

Lorem ipsum dolor sit amet, hendrerit omittantur mel, es vidit animal iracundia. Alteramo essent incorrupte.

Awesome Button

Dark Button

Lorem ipsum dolor sit amet, hendrerit omittantur mel, es vidit animal iracundia. Alteramo essent incorrupte.

Awesome Button


Outline buttons

In need of a button, but not the hefty background colors they bring? Replace the default modifier classes with the .btn-outline-* ones to remove all background images and colors on any button.

Primary Secondary Success Danger Warning Info Light Dark

Sizes

Fancy larger or smaller buttons? Add .btn-lg or .btn-sm for additional sizes.

Large button Large button Small button Small button

Create block level buttons—those that span the full width of a parent—by adding .btn-block.

Block level button Block level button