Bootstrap 5.3 CSS Variables

Learn how Bootstrap uses variables for colors, spacing, typography, borders and more.

Buttons

Text Colors

Primary Text

Success Text

Danger Text

Warning Text

Info Text

Background Colors

bg-primary
bg-success
bg-danger
bg-warning
bg-info

Border Colors

border-primary
border-success
border-danger
border-warning
border-info

Bootstrap Variables Table

Variable Name Used For Default Class Example
--bs-primary Main theme color .text-primary, .bg-primary, .btn-primary, .border-primary
--bs-success Success messages .text-success, .bg-success, .btn-success, .border-success
--bs-danger Error / Danger .text-danger, .bg-danger, .btn-danger, .border-danger
--bs-warning Warning messages .text-warning, .bg-warning, .btn-warning, .border-warning
--bs-info Informational messages .text-info, .bg-info, .btn-info, .border-info