Typography
For heading u can use h1, h2, h3, h4, h5, h6 elements.
The same font-styling is present for class names h1, h2, h3, h4, h5, h6 class. You can add one of
these classes to style the text.
Headings
For heading u can use h1, h2, h3, h4, h5, h6 elements.
The same font-styling is present for class names h1, h2, h3, h4, h5, h6 class. You can add one
of these classes to style the text.
H1-Heading
H2-Heading
H3-Heading
H4-Heading
H5-Heading
H6-Heading
H1-Heading
Alignment
Use classes .bat-text-center , .bat-left or .bat-right to center, left or right align text.
Left Align
Center Align
Right Align
Font Weight
Use classes .bat-fw-300, .bat-fw-400, .bat-fw-500 , .bat-fw-600., bat-fw-700 or .bat-fw-900 to
change the
font-weight of text ranging from 100 to 900.
Font weight 700
Font weight 600
Font weight 500
Font weight 400
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 or success-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.