Issues History
Dashboards
Buy Now 20 25$
Server Load:
20%
Utilities Official Documentation

Attention! This is only a part of all Bootstrap Utilites. Follow next links to get information about all of them:

Borders Clearfix Close icon Colors Flexbox Display Property Image Replacement Invisible Content Position Responsive Helpers Screenreaders Sizing Spacing Typography Vertical Alignment

##### 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
--- | ---
`.cat__core__link--underlined` | Underlined Link
`.cat__core__link--blue` | Blue Link
`.cat__core__link--underlined.cat__core__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