Text

Text is a fundamental building block for any website. Bootstrap provides us with classes to easily manipulate text properties on our website.

Align the text

Aligning text inside an HTML component can be done through these properties:

• .text-start: Aligns all text to the left of the HTML element, which is the default.
• .text-end: Aligns all text to the right of the HTML element.
• .text-center: Aligns all text to the center of the HTML element.

Breakpoints

We can also incorporate breakpoints to manipulate how the text will align itself on different screens. Let’s see how text-align classes affect the content inside them.