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 AlignmentClass | 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 |
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 |
Class | Description |
---|---|
.utils__link--underlined |
Underlined Link |
.utils__link--blue |
Blue Link |
.utils__link--underlined.utils__link--blue |
Underlined and Blue Link |
Class | Description |
---|---|
.font-weight-normal |
Normal text |
.font-weight-bold |
Bold text |
.font-italic |
Italic text |
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
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 |
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 |
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