Headings
All HTML headings,
<h1>
through <h6>
, are available.
H1 - Heading 1
H2 - Heading 2
H3 - Heading 3
H4 - Heading 4
H5 - Heading 5
H6 - Heading 6
Alignments
Use classes
.text-center
, .text-left
or .text-right
to center, left or right align
text.
Left Align
Center Align
Right Align
Font Sizes
Use classes
.fs-1
, .fs-2
,
.fs-3
, .fs-4
, .fs-5
or .fs-6
to change the font-size of text.
Font Size 6
Font Size 5
Font Size 4
Font Size 3
Font Size 2
Font Size 1
Font Weight
Use classes
.fw-100
, .fw-300
,
.fw-400
, .fw-700
or .fw-900
to change the font-weight of text ranging from 100 to
900.
Font weight 900
Font weight 700
Font weight 400
Font weight 300
Font weight 100
Extra styles
- To add strike-through on text, use
text-strike
class - To add a line under a text, use
text-underline
class - To add different text colors, use one of the classes
primary-color
,secondary-color
,error-color
,warning-color
orsuccess-color
.
This text is of Primary Color
This text is of Secondary Color
This text is of Error Color
This text is of Warning Color
This text is of Success Color
This text has a line going through it.
This text has a line underneath it.