HostOnNet Blog


How to align text in Bootstrap

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 hostonnet2

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