Contextual Colors

Use the contextual classes to provide "meaning through colors"

Text marked by this class is muted.

Text marked by this class is important.

Text marked by this class is darker than that displayed by .text-primary class.

Text marked by this class indicates success.

Text marked by this class is darker than that displayed by .text-success class.

Text marked by this class represents some information.

Text marked by this class is darker than that displayed by .text-info class.

Text marked by this class represents a warning.

Text marked by this class is darker than that displayed by .text-warning class.

Text marked by this class represents danger.

Text marked by this class is darker than that displayed by .text-danger class.

Text marked by this class is secondary text.

Text marked by this class is darker than that displayed by .text-secondary class.

Text marked by this class is displayed dark grey in color.

Text marked by this class is darker than that displayed by .text-dark class.

This class marks the default body color i.e. black.

Text marked by this class is darker than that displayed by .text-body class.

Text marked by this class is lighter than that displayed by .text-body class.

Text marked by this class is lighter than that displayed by .text-body-secondary class.

This class represents the text in light grey color, on a white background.

Text marked by this class is lighter than that displayed by .text-light class.

This class represents the text in white. on white background. In order to make the white text look clear, bg-dark class is used.

This class represents the text in black color. In order to make the black text color clear, bg-white class is used.