HostOnNet Blog

How to align text in Bootstrap

Looking for Linux Server Admin or WordPress Expert? We can help.

bootstra-text-alignment

Sometimes I use the alignment code like

<p align="left">

or

<p align="right">

even when Iam using Bootstrap frame work.

Because I forget to use bootstrap inbuilt text alignment classes.

Seems this blog post will help me to keep in mind when I start next Website design project.

We can easily align text inside a paragraph and other elements using following text alignment classes.

<p class="text-left">Align me LEFT</p>
<p class="text-right">Align me RIGHT</p>
<p class="text-center">Align me CENTER</p>
<p class="text-justify">Align me JUSTIFIED</p>
<p class="text-nowrap">No WRAP</p>

About Sibi Antony

Bootstrap and Android LOVER. I've been creating things for the web for over 10 years, from the period of flash and table based layout web sites till mobile and tab friendly web sites.
Posted in Web Design

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.