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:
.fw-100
.fw-200
.fw-300
.fw-400
.fw-500
.fw-600
.fw-700
.fw-800
.fw-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
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.