Skip to main content

Bootstrap Color Scheme

Defaults (no Bootstrap color utility class used)

Items without .btn class

<a>

Items with .btn class

Text, Link, and Border Colors

.text-primary

Primary link

.text-secondary

Secondary link

.text-success

Success link

.text-danger

Danger link

.text-warning

Warning link

.text-info

Info link

.text-light

Light link

.text-dark

Dark link

.text-body

.text-muted

.text-white

.text-black-50

.text-white-50

Background Colors
.bg-primary
.bg-secondary
.bg-success
.bg-danger
.bg-warning
.bg-info
.bg-light
.bg-dark
Background Gradients
.bg-gradient-primary
.bg-gradient-secondary
.bg-gradient-success
.bg-gradient-danger
.bg-gradient-warning
.bg-gradient-info
.bg-gradient-light
.bg-gradient-dark
Buttons
Badges

Primary Badge

Primary Badge Link

Secondary Badge

Secondary Badge Link

Success Badge

Success Badge Link

Danger Badge

Danger Badge Link

Warning Badge

Warning Badge Link

Info Badge

Info Badge Link

Light Badge

Light Badge Link

Dark Badge

Dark Badge Link

Form Fields

Formidable Form, default styles off

Please select a valid form

Formidable Form, default styles on

Please select a valid form

Bootstrap Form

Designed and developed by