Text
Text utilities.
Examples
Text alignment
To align text to left, center, right use .text-left
, .text-center
, .text-right
classes.
Align left
Align center
Align right
Source
To align justify, use .text-justify
class.
Nam a nisl fringilla tellus varius luctus. Aliquam tristique, velit tempor ullamcorper ultricies, lacus urna lacinia massa, vel sagittis nisi tellus vel enim. Praesent vestibulum pharetra cursus. Duis sit amet nunc quis lorem ultricies rutrum. Donec consectetur commodo ligula, at condimentum dui auctor vel. Praesent pulvinar odio ipsum, ac interdum elit rutrum a. Vestibulum iaculis posuere quam, in consequat ex laoreet quis. Nulla et iaculis lectus, sed maximus felis. Curabitur faucibus ornare pharetra. Quisque dictum augue quis auctor varius. Nam euismod, enim vel vehicula faucibus, massa felis gravida odio, a accumsan nisi risus non tortor. In vel congue sem, vel facilisis orci. Nunc non dui eget urna luctus sollicitudin. Nunc tincidunt elit non quam ullamcorper pulvinar. Phasellus pharetra tellus quis mattis dictum.
Text colors
.text-color-danger
.text-color-disabled
.text-color-info
.text-color-primary
.text-color-success
.text-color-warning
.text-color-white
Source
It can also use with link.
.text-color-disabled
.text-color-info
.text-color-primary
.text-color-success
.text-color-warning
.text-color-white
Source
Text flow
Default text flow without any class.
Force wrap text with .text-flow-wrap
class.
Source
No wrap text with .text-flow-nowrap
class.
Source
Break the long text with .text-flow-breakword
class
Source
Text transform
Transform text into lower, upper case, capitalize
LOWER CASE TEXT
upper case text
capitaize text