Server Load:
20%

Color Utilities

Class Description
.text-default Set Default color to element
.text-black Set Black color to element
.text-primary Set Primary color to element
.text-secondary Set Secondary color to element
.text-success Set Success color to element
.text-info Set Info color to element
.text-warning Set Warning color to element
.text-danger Set Danger color to element
Display Property

Class Description
.d-inline Forces the element to behave like an inline element
.d-inline-block Forces the element to behave like an inline-block element
.d-block Forces the element to behave like a block element
Underlined Links

Class Description
.utils__link--underlined Underlined Link
.utils__link--blue Blue Link
.utils__link--underlined.utils__link--blue Underlined and Blue Link
Font Weight & Style

Class Description
.font-weight-normal Normal text
.font-weight-bold Bold text
.font-italic Italic text
Text Transformation

Class Description
.text-lowercase Transform text to lowercase
.text-uppercase Transform text to uppercase
.text-capitalize Transform text to capitalize

Lowercased text

Uppercased text

Capitalized text

Text Wrapping

Class Description
.text-truncate Truncating and prevents text from wrapping into multiple lines
.text-break Breaks strings if their length exceeds the width of their container
.text-nowrap Prevents text from wrapping into multiple lines

This is text truncate. This is text truncate. This is text truncate. This is text truncate
This-is-text-break.This-is-text-break.This-is-text-break.This-is-text-break
This is text nowrap. This is text nowrap. This is text nowrap. This is text nowrap
Font Size

Class Description
.font-size-* Available values: 0, 10, 12, 14, 16, 18, 20, 24, 26, 30, 40, 50, 60, 70 , 80
.font-size-0 font-size: 0px
.font-size-10 font-size: 10px
.font-size-12 font-size: 12px
.font-size-14 font-size: 14px
.font-size-16 font-size: 16px
.font-size-18 font-size: 18px
.font-size-20 font-size: 20px
Text Alignment

Class Description
.text-left Left aligned text
.text-center Center aligned text
.text-right Right aligned text
.text-justify Justified text

Left aligned text

Center aligned text

Right aligned text

Justified text: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book