Colors

Grid options

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

Colors Background
Gradient
Background
Color
Border
Colors
Text
Colors
Primary .bg-gradient
.bg-primary
.border-primary
.text-primary
text-primary
Secondary .bg-gradient
.bg-secondary
.border-secondary
.text-secondary
text-secondary
Success .bg-gradient
.bg-success
.border-success
.text-success
text-success
Info .bg-gradient
.bg-info
.border-info
.text-info
text-info
Warning .bg-gradient
.bg-warning
.border-warning
.text-warning
text-warning
Danger .bg-gradient
.bg-danger
.border-danger
.text-danger
text-danger
Dark .bg-gradient
.bg-dark
.border-dark
.text-dark
text-dark
Light .bg-gradient
.bg-light
.border-light
.text-light
text-light
Body
-
-
.bg-body
-
-
.text-body
text-body
Body-Secondary
-
-
.bg-body-secondary
-
-
.text-body-secondary
text-body-secondary
Muted
-
-
-
-
-
-
.text-muted
text-muted
Black
-
-
.bg-black
-
-
.text-white
text-white
White
-
-
.bg-white
-
-
.text-white
text-white
White-50
-
-
-
-
-
-
.text-white-50
text-white-50
Black-50
-
-
-
-
-
-
.text-black-50
text-black-50
Opacity-10
-
-
.opacity-10
-
-
.text-opacity-10
text-opacity-10
Opacity-25
-
-
.opacity-25
-
-
.text-opacity-25
text-opacity-25
Opacity-50
-
-
.opacity-50
-
-
.text-opacity-50
text-opacity-50
Opacity-75
-
-
.opacity-75
-
-
.text-opacity-75
text-opacity-75
Opacity-100
-
-
.opacity-100
-
-
.text-opacity-100
text-opacity-100

Grid options

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

Colors Background
Soft
Border
Soft
Text
Emphasis
Primary .bg-primary-subtle
.border-primary-subtle
.text-primary-emphasis
text-primary-emphasis
Secondary .bg-secondary-subtle
.border-secondary-subtle
.text-secondary-emphasis
text-secondary-emphasis
Success .bg-success-subtle
.border-success-subtle
.text-success-emphasis
text-success-emphasis
Info .bg-info-subtle
.border-info-subtle
.text-info-emphasis
text-info-emphasis
Warning .bg-warning-subtle
.border-warning-subtle
.text-warning-emphasis
text-warning-emphasis
Danger .bg-danger-subtle
.border-danger-subtle
.text-danger-emphasis
text-danger-emphasis
Dark .bg-dark-subtle
.border-dark-subtle
.text-dark-emphasis
text-dark-emphasis
Light .bg-light-subtle
.border-light-subtle
.text-light-emphasis
text-light-emphasis
Body
-
-
-
-
.text-body-emphasis
text-body-emphasis
tertiary .bg-body-tertiary
-
-
.text-body-tertiary
text-body-tertiary
© Minia.
Design & Develop by Themesbrand