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.
Tips 💡
You don't need to remember all these classes. Just use bootstrap builder instead.
More in Bootstrap Text
- font-weight-bold
- font-weight-bolder
- text-decoration-none
- font-weight-normal
- text-monospace
- font-weight-light
- text-nowrap
- text-justify
- text-*-left
- text-*-right
- text-lowercase
- text-uppercase
- font-weight-lighter
- text-capitalize
- text-truncate
- text-body
- font-italic
- text-black-50
- text-white-50
- text-muted
- text-hide
Featured by
