Skip to content

Commit bd27834

Browse files
Drop .text-justify class (#29793)
Co-authored-by: XhmikosR <[email protected]>
1 parent c30abbe commit bd27834

File tree

3 files changed

+7
-8
lines changed

3 files changed

+7
-8
lines changed

scss/_utilities.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -377,7 +377,7 @@ $utilities: map-merge(
377377
responsive: true,
378378
property: text-align,
379379
class: text,
380-
values: left right center justify
380+
values: left right center
381381
),
382382
"color": (
383383
property: color,

site/content/docs/4.3/migration.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -65,6 +65,7 @@ Changes to Reboot, typography, tables, and more.
6565
- Simplified table styles (no more 2px border on `thead > th` elements) and tightened cell padding.
6666
- Dropped `.pre-scrollable` class. [See #29135](https://github.com/twbs/bootstrap/pull/29135)
6767
- `.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)
68+
- Drop `.text-justify` class. [See #229793](https://github.com/twbs/bootstrap/pull/29793)
6869

6970
## Forms
7071

site/content/docs/4.3/utilities/text.md

Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -8,13 +8,7 @@ toc: true
88

99
## Text alignment
1010

11-
Easily realign text to components with text alignment classes.
12-
13-
{{< example >}}
14-
<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>
15-
{{< /example >}}
16-
17-
For left, right, and center alignment, responsive classes are available that use the same viewport width breakpoints as the grid system.
11+
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.
1812

1913
{{< example >}}
2014
<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
2721
<p class="text-xl-left">Left aligned text on viewports sized XL (extra-large) or wider.</p>
2822
{{< /example >}}
2923

24+
{{< callout info >}}
25+
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.
26+
{{< /callout >}}
27+
3028
## Text wrapping and overflow
3129

3230
Wrap text with a `.text-wrap` class.

0 commit comments

Comments
 (0)