Headings are the first thing you ll see or read in a document. We wanted to make them perfect in both size and colour.
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
.bg-light
Border colors
.border-* can apply to any element, where * is a color name.
.border-primary
.border-secondary
.border-success
.border-info
.border-warning
.border-danger
.border-dark
.border-light
Border Classes
Bootstrap provides different border classes to use easily and apply the .border-* classes to get borders.
.border-top
|
border-top
|
.border-right
|
border-right
|
.border-bottom
|
border-bottom
|
.border-left
|
border-left
|
Text colors
.text-* can apply to any element, where * is a color name. Please note that you can safely add these classes to an
.text-primary
.text-secondary
.text-success
.text-info
.text-warning
.text-danger
.text-dark
.text-light