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