Edit page

Typography

With the typography helper classes you can set the desired font-size or align text with the text-align property.

Font Size

The full scale of typography sizes is available through the following helper classes:

Font size 0 (base font size)

Font size 1

Font size 2

Font size 3

Font size 4

Font size 5

Text Alignment

Try resizing your browser to see how the alignment below changes.

.text-left Left aligned text on all viewport sizes.

.text-center Center aligned text on all viewport sizes.

.text-right Right aligned text on all viewport sizes.

.text-sm-right Right aligned text on viewports sized sm (small) or wider.

.text-md-right Right aligned text on viewports sized md (medium) or wider.

.text-lg-right Right aligned text on viewports sized lg (large) or wider.

.text-xl-right Right aligned text on viewports sized xl (extra-large) or wider.

.text-xxl-right Right aligned text on viewports sized xxl (XX-large) or wider.

.text-xxxl-right Right aligned text on viewports sized xxxl (XXX-large) or wider.