Colors

Grid options

See how aspects of the Bootstrap grid system work across multiple devices with a handy table.

Colors Background
Gradient
Background
Color
Background
Soft
Border
Colors
Text
Colors
Primary .bg-gradient
.bg-primary
.bg-primary-subtle
.border-primary
.text-primary
text-primary
Secondary .bg-gradient
.bg-secondary
.bg-secondary-subtle
.border-secondary
.text-secondary
text-secondary
Success .bg-gradient
.bg-success
.bg-success-subtle
.border-success
.text-success
text-success
Info .bg-gradient
.bg-info
.bg-info-subtle
.border-info
.text-info
text-info
Warning .bg-gradient
.bg-warning
.bg-warning-subtle
.border-warning
.text-warning
text-warning
Danger .bg-gradient
.bg-danger
.bg-danger-subtle
.border-danger
.text-danger
text-danger
Dark .bg-gradient
.bg-dark
.bg-dark-subtle
.border-dark
.text-dark
text-dark
Light .bg-gradient
.bg-light
.bg-light-subtle
.border-light
.text-light
text-light
Body
-
-
.bg-body
-
-
-
-
.text-body
text-body
Muted
-
-
-
-
-
-
-
-
.text-muted
text-muted
White
-
-
-
-
-
-
-
-
.text-white
text-white
White-50
-
-
-
-
-
-
-
-
.text-white-50
text-white-50
Black-50
-
-
-
-
-
-
-
-
.text-black-50
text-black-50
Opacity-10
-
-
.bg-opacity-10
-
-
.border-opacity-10
-
-
Opacity-25
.opacity-25
-
.bg-opacity-25
-
-
.border-opacity-25
.text-opacity-25
text-opacity-25
Opacity-50
.opacity-50
-
.bg-opacity-50
-
-
.border-opacity-50
.text-opacity-50
text-opacity-50
Opacity-75
.opacity-75
-
.bg-opacity-75
-
-
.border-opacity-75
.text-opacity-75
text-opacity-75
Opacity-100
.opacity-100
-
.bg-opacity-100
-
-
.border-opacity-100
.text-opacity-100
text-opacity-100
Colors Background
Color
Border
Soft
Text
Emphasis
Primary -
-
.border-primary-subtle
.text-primary-emphasis
text-primary-emphasis
Secondary -
-
.border-secondary-subtle
.text-secondary-emphasis
text-secondary-emphasis
Success -
-
.border-success-subtle
.text-success-emphasis
text-success-emphasis
Info -
-
.border-info-subtle
.text-info-emphasis
text-info-emphasis
Warning -
-
.border-warning-subtle
.text-warning-emphasis
text-warning-emphasis
Danger -
-
.border-danger-subtle
.text-danger-emphasis
text-danger-emphasis
Dark -
-
.border-dark-subtle
.text-dark-emphasis
text-dark-emphasis
Light -
-
.border-light-subtle
.text-light-emphasis
text-light-emphasis
Body
-
-
-
-
.text-body-emphasis
text-body-emphasis
Body-secondary .bg-body-secondary
-
-
.text-body-secondary
text-body-tertiary
Body-tertiary .bg-body-tertiary
-
-
.text-body-tertiary
text-body-tertiary
© Dason.
Design & Develop by Themesbrand