Drop `.text-justify` class (#29793)

Co-authored-by: XhmikosR <xhmikosr@gmail.com>

diff --git a/scss/_utilities.scss b/scss/_utilities.scss
index d3ead7d42e46e07cfc8d3296e08ee5b4f57c76e4..7c53a44c40622547cd851d2c6e1e5cea18362b0d 100644 (file)
--- a/scss/_utilities.scss
+++ b/scss/_utilities.scss
@@ -377,7 +377,7 @@ $utilities: map-merge(
       responsive: true,
       property: text-align,
       class: text,
-      values: left right center justify
+      values: left right center
     ),
     "color": (
       property: color,

diff --git a/site/content/docs/4.3/migration.md b/site/content/docs/4.3/migration.md
index 0f6ddf1917248c1041b1c7604b6bd1d62887d1b6..6783786c7863f59fa66f6452746ee3b605eadcd2 100644 (file)
--- a/site/content/docs/4.3/migration.md
+++ b/site/content/docs/4.3/migration.md
@@ -65,6 +65,7 @@ Changes to Reboot, typography, tables, and more.
 - Simplified table styles (no more 2px border on `thead > th` elements) and tightened cell padding.
 - Dropped `.pre-scrollable` class. [See #29135](https://github.com/twbs/bootstrap/pull/29135)
 - `.text-*` utilities do not add hover and focus states to links anymore. `.link-*` helper classes can be used instead. [See #29267](https://github.com/twbs/bootstrap/pull/29267)
+- Drop `.text-justify` class. [See #229793](https://github.com/twbs/bootstrap/pull/29793)
 
 ## Forms
 

diff --git a/site/content/docs/4.3/utilities/text.md b/site/content/docs/4.3/utilities/text.md
index a194fc310997e09752e736881b911a523dec1438..88f595b16ffeb0b57f664b678c855cf60640f482 100644 (file)
--- a/site/content/docs/4.3/utilities/text.md
+++ b/site/content/docs/4.3/utilities/text.md
@@ -8,13 +8,7 @@ toc: true
 
 ## Text alignment
 
-Easily realign text to components with text alignment classes.
-
-{{< example >}}
-<p class="text-justify">Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. Praeterea iter est quasdam res quas ex communi. At nos hinc posthac, sitientis piros Afros. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Cras mattis iudicium purus sit amet fermentum.</p>
-{{< /example >}}
-
-For left, right, and center alignment, responsive classes are available that use the same viewport width breakpoints as the grid system.
+Easily realign text to components with text alignment classes. For left, right, and center alignment, responsive classes are available that use the same viewport width breakpoints as the grid system.
 
 {{< example >}}
 <p class="text-left">Left aligned text on all viewport sizes.</p>
@@ -27,6 +21,10 @@ For left, right, and center alignment, responsive classes are available that use
 <p class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.</p>
 {{< /example >}}
 
+{{< callout info >}}
+Note that we don't provide utility classes for justified text. While, aesthetically, justified text might look more appealing, it does make word-spacing more random and therefore harder to read.
+{{< /callout >}}
+
 ## Text wrapping and overflow
 
 Wrap text with a `.text-wrap` class.