Bootstrap class: **.text-*-center**

<p class="text-center">Center aligned text on all viewport sizes.</p>
<p class="text-sm-center">Center aligned text on viewports sized SM (small) or wider.</p>
<p class="text-md-center">Center aligned text on viewports sized MD (medium) or wider.</p>
<p class="text-lg-center">Center aligned text on viewports sized LG (large) or wider.</p>
<p class="text-xl-center">Center aligned text on viewports sized XL (extra-large) or wider.</p>

Preview

Center aligned text on all viewport sizes.

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

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

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

Center 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-*-center**

Preview

Use Shuffle AI to build your own Bootstrap templates

Tips 💡

More in Bootstrap Text

Bootstrap 4 & 5

Bootstrap class: .text-*-center

Preview

Use Shuffle AI to build your own Bootstrap templates

Tips 💡

More in Bootstrap Text

Bootstrap 4 & 5

Bootstrap class: **.text-*-center**