Typography

Text utilities to help you add meaning and emphasis to your content
Text Color Utilities
Bootstrap Defaults:
.text-primary
.text-secondary
.text-success
.text-danger
.text-warning
.text-info
.text-light
.text-dark
.text-body
.text-muted
.text-black
.text-white
By default, Bootstrap has a number of text utilities that you can use to change the text color. The default utilities are semantic by nature.
Extended Utilities:
.text-red
.text-orange
.text-yellow
.text-green
.text-teal
.text-cyan
.text-blue
.text-indigo
.text-purple
.text-pink
SB Admin Pro's non-contextual true colors that have been added to the color map are also available as text utilities.
Opacity Text Utilities
.text-black-25
.text-black-50
.text-black-75
.text-white-25
.text-white-50
.text-white-75
Black and white opaque text utilities are available as part of this theme. The .text-black-50 and .text-white-50 utilities are part of Bootstrap, and the 25% and 75% opacity utilities have been added to expand this feature.
Grayscale Text Utilities
.text-gray-100
.text-gray-200
.text-gray-300
.text-gray-400
.text-gray-500
.text-gray-600
.text-gray-700
.text-gray-800
.text-gray-900
SB Admin Pro's adaptive grayscale has been applied to text utilities.
Font Weight Utilities
Bootstrap Defaults:
Bold text.
Bolder weight text (relative to the parent element).
Normal weight text.
Light weight text.
Lighter weight text (relative to the parent element).
By default, Bootstrap has a number of text utilities that you can use to change the font weight.
Extended Utilities:
.font-weight-100
.font-weight-200
.font-weight-300
.font-weight-400
.font-weight-500
.font-weight-600
.font-weight-700
.font-weight-800
.font-weight-900
SB Admin Pro has extended font weight utilities to include specific font weights, for use wherever you want to show a specialized font weight. Note that the font weights are only supported if the font that you are using supports the specified font weight.
Text Transform & Styling Utilities
.font-italic
.text-uppercase
.text-monospace
.text-xs
.small (or .text-sm)
.text-lg
.text-xl
.text-uppercase-expanded
These are some commonly used text style and transform utilities available as part of Bootstrap, with the .text-uppercase-expanded utility being added for extra emphasis in certain scenarios.
Bootstrap Documentation Available

There are a number of text utilities not referenced above that are included with the Bootstrap framework. For more information on using these Bootstrap utilities within your project, visit the official Bootstrap documentation.

Visit Bootstrap Docs