diff options
| author | Christian Oliff <[email protected]> | 2023-07-06 12:26:45 +0900 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2023-07-05 22:08:53 -0700 |
| commit | e0d54ffd3202b7f6a6b2b738ca6ec15017748925 (patch) | |
| tree | 7631d8f36e1b782570034b78c0c0c62ac728ffe5 | |
| parent | 43e4bf97a8b892af42f5a03ce7056efb6efa3b58 (diff) | |
| download | bootstrap-e0d54ffd3202b7f6a6b2b738ca6ec15017748925.tar.xz bootstrap-e0d54ffd3202b7f6a6b2b738ca6ec15017748925.zip | |
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)
| -rw-r--r-- | site/content/docs/5.3/utilities/text.md | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/site/content/docs/5.3/utilities/text.md b/site/content/docs/5.3/utilities/text.md index 5787f95eb..2b5296478 100644 --- a/site/content/docs/5.3/utilities/text.md +++ b/site/content/docs/5.3/utilities/text.md @@ -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 >}} |