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.
Check .text-*-center in a real project
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
Tips 💡
You don't need to remember all CSS classes. Just use the Bootstrap Editor 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
