Colors

Bootstrap is a popular front-end framework for developing responsive, mobile-first websites. One of the key features of Bootstrap is its predefined set of color classes that can be used to add color to your website's design. These classes are designed to be easy to use and consistent across different elements and contexts.

The Bootstrap color classes are applied using CSS class names, and they can be used to color various elements such as text, backgrounds, and borders. There are several different types of color classes available, including:

• Contextual classes: These classes apply a color to an element based on its context. For example, the .text-primary class will apply a primary color to text, while the .bg-warning class will apply a warning color to the background of an element.

• Grayscale classes: These classes apply a grayscale color to an element. The .text-gray-dark class will apply a dark gray color to text, while the .bg-gray-light class will apply a light gray color to the background of an element.

• Additional color classes: Bootstrap also includes a set of additional color classes for customizing the color of elements. These classes use various shades of colors such as blue, green, red, and yellow.

In Bootstrap 5, there are several predefined color classes that can be used to add color to your website's design. These classes are designed to be easy to use and consistent across different elements and contexts.

Here is a list of the main color classes available in Bootstrap 5:

• Contextual colors:

  • primary

  • secondary

  • success

  • danger

  • warning

  • info

  • light

  • dark

Start by clicking on the theme editor.