Logo

Projects

Project Briefing Project Manager
Concept Design Art Director
Functional Logics Lead Developer
Development DevOps
Testing QA Managers
Project Briefing Project Manager
Concept Design Art Director

Color utilities

Background colors

Solid colors

.bg-* can apply to any element, where * is a color name.

.bg-primary
.bg-secondary
.bg-success
.bg-info
.bg-warning
.bg-danger
.bg-dark
Light colors

.bg-* can apply to any element, where * is a color name.

.bg-primary-light
.bg-secondary-light
.bg-success-light
.bg-info-light
.bg-warning-light
.bg-danger-light
Other colors

Some other fade colors are available for background-color.

.bg-white
.bg-transparent
.bg-light
.bg-lighter
.bg-lightest

Gradient colors

gradient colors
.bg-gradient-primary
.bg-gradient-secondary
.bg-gradient-info
.bg-gradient-success
.bg-gradient-danger
.bg-gradient-warning
gradient colors in dark theme
.bg-gradient-primary-dark
.bg-gradient-secondary-dark
.bg-gradient-info-dark
.bg-gradient-success-dark
.bg-gradient-danger-dark
.bg-gradient-warning-dark

SVG Img Background

SVG Background with color
.bg-temple-dark
.bg-food-dark
.bg-brick-dark
.bg-bubbles-dark
SVG Background with Transparent color
.bg-temple-white
.bg-food-white
.bg-brick-white
.bg-bubbles-white

Border colors

.border-* can apply to any element, where * is a color name.

Default color
.border-primary
.border-secondary
.border-success
.border-info
.border-warning
.border-danger
.border-dark
.border-white
.border-light
.border-transparent

Text colors

Text colors

.text-* can apply to any element, where * is a color name. Please note that you can safely add these classes to an <a> element.

.text-primary
.text-secondary
.text-success
.text-info
.text-warning
.text-danger
.text-dark
.text-mute
.text-light
.text-lighter
.text-fade
.text-white

Hover colors

.hover-* can apply to any element, where * is a color name. Please note that you can safely add these classes to an <a> element.

Mayra Sibley

2 Hours

Hi there, I'm Jesse and you?
You

3 minutes

My name is Anne Clarc.
Mayra Sibley

40 seconds

Nice to meet you Anne.
How can i help you?