Bootstrap class: **.text-*-left**

<p class="text-left">Left 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>

Preview

Left aligned text on all viewport sizes.

Left aligned text on viewports sized SM (small) or wider.

Left aligned text on viewports sized MD (medium) or wider.

Left aligned text on viewports sized LG (large) or wider.

Left aligned text on viewports sized XL (extra-large) or wider.

Use Shuffle AI to build your own Bootstrap templates

Quickly design stunning Bootstrap templates with the power of Shuffle AI — no coding required.

Tips 💡

You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.

Bootstrap class: **.text-*-left**

Preview

Use Shuffle AI to build your own Bootstrap templates

Tips 💡

More in Bootstrap Text

Bootstrap 4 & 5

Bootstrap class: .text-*-left

Preview

Use Shuffle AI to build your own Bootstrap templates

Tips 💡

More in Bootstrap Text

Bootstrap 4 & 5

Bootstrap class: **.text-*-left**