0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-19 16:54:24 +01:00

Improve Text Alignment Example

On the Text alignment example  all the text is left-aligned to start with and doesn't change on any viewport change. I think it makes much more sense for it to end-aligned on certain breakpoints.

I also added a missing `text-xxl-end` class :-)

I didn't use dashes between the breakpoint size names to match the Breakpoints docs (https://getbootstrap.com/docs/5.3/layout/breakpoints/#available-breakpoints)
This commit is contained in:
Christian Oliff 2023-07-06 12:26:45 +09:00 committed by Mark Otto
parent 43e4bf97a8
commit e0d54ffd32

View File

@ -15,10 +15,11 @@ Easily realign text to components with text alignment classes. For start, end, a
<p class="text-center">Center aligned text on all viewport sizes.</p>
<p class="text-end">End aligned text on all viewport sizes.</p>
<p class="text-sm-start">Start aligned text on viewports sized SM (small) or wider.</p>
<p class="text-md-start">Start aligned text on viewports sized MD (medium) or wider.</p>
<p class="text-lg-start">Start aligned text on viewports sized LG (large) or wider.</p>
<p class="text-xl-start">Start aligned text on viewports sized XL (extra-large) or wider.</p>
<p class="text-sm-end">End aligned text on viewports sized SM (small) or wider.</p>
<p class="text-md-end">End aligned text on viewports sized MD (medium) or wider.</p>
<p class="text-lg-end">End aligned text on viewports sized LG (large) or wider.</p>
<p class="text-xl-end">End aligned text on viewports sized XL (extra large) or wider.</p>
<p class="text-xxl-end">End aligned text on viewports sized XXL (extra extra large) or wider.</p>
{{< /example >}}
{{< callout info >}}