To add text-align class for inside a table with Bootstrap and HTML, we use the classes starting with text-.
For instance, we write
<p class="text-xs-left">Left aligned text on all viewport sizes.</p>
<p class="text-xs-center">Center aligned text on all viewport sizes.</p>
<p class="text-xs-right">Right aligned text on all viewport sizes.</p>
<p class="text-sm-left">
Left aligned text on viewports sized SM (small) or wider.
</p>
<p class="text-md-left">
Left aligned text on viewports sized MD (medium) or wider.
</p>
<p class="text-lg-left">
Left aligned text on viewports sized LG (large) or wider.
</p>
<p class="text-xl-left">
Left aligned text on viewports sized XL (extra-large) or wider.
</p>
to add the text- classes to align left with left.
We center align with center.
And we center align with right.
xs, sm, lg, and xl are breakpoints.
