Bootstrap Text Alignment Classes

Notes:

Bootstrap Text Alignment Classes:

text-*-left : aligns text to the left in its container
<p class="text-left">Some Text</p>

where:
* = sm, md, lg, xl

text-*-center : aligns text to the center in its container
<p class="text-center"> Some Text </p>

where:
* = sm, md, lg, xl

text-*-right : aligns text to the right in its container
<p class="text-right"> Some Text </p>

where:
* = sm, md, lg, xl

text-justify : justifies the content in its container

<p class="text-justify" style="text-indent:100px;">
Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text Some Text </p>

d-flex, justify-content-center & align-self-center:

<div class="bg-primary d-flex justify-content-center" style="height:100px;">
<p class="align-self-center"> Some Text </p>
</div>

Interview Questions: