No responsiveness for text-justify?
See original GitHub issueAccording to the docs @ https://getbootstrap.com/docs/4.3/utilities/text/#text-alignment, we can create breakpoints for aligning text i.e. text-left, text-sm-left, text-xl-center etc.
There is a text-justify class for all breakpoints, but there are no individual break points? Why hasn’t this been added with the other alignment classes?
For example, on mobiles a block of text looks better to be centred, but anything larger should be justified. This could easily be achieved by using text-center text-sm-justify, to work along the lines of all the other alignment classes.
Issue Analytics
- State:
- Created 4 years ago
- Comments:11 (8 by maintainers)
 Top Results From Across the Web
Top Results From Across the Web
text-justify - CSS: Cascading Style Sheets - MDN Web Docs
The text-justify CSS property sets what type of justification should be applied to text when text-align: justify; is set on an element.
Read more >Is There Ever A Justification For Responsive Text?
Depending on who you follow and what you read, you may have noticed the concept of “responsive text” being discussed in design circles...
Read more >html - Responsive Text alignment - Stack Overflow
I met a problem with text alignment. I want the text alignment responsively change. For example, I have a span element,
Read more >How to Create Justify Text in HTML with Examples - eduCBA
Guide to the HTML Justify Text. Here we discuss the introduction and How to Create Justify Text in HTML along with Examples.
Read more >Responsive Text Align - CodePen
Insecure Resource. The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https....
Read more > Top Related Medium Post
Top Related Medium Post
No results found
 Top Related StackOverflow Question
Top Related StackOverflow Question
No results found
 Troubleshoot Live Code
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free Top Related Reddit Thread
Top Related Reddit Thread
No results found
 Top Related Hackernoon Post
Top Related Hackernoon Post
No results found
 Top Related Tweet
Top Related Tweet
No results found
 Top Related Dev.to Post
Top Related Dev.to Post
No results found
 Top Related Hashnode Post
Top Related Hashnode Post
No results found

I’ve no idea why you’d think I have a vendetta against you.
Justified text has a place, but it’s very very infrequently used in apps and sites, things folks use Bootstrap to build. Most online publications don’t justify their text—they left align it and let it run ragged right. We’re not designing for print, or even multi column text, and we’ve also removed our print styles in v5. Varied spaces between words doesn’t help readers in most cases, and sure hyphenation can help, but we also don’t have utilities for that either.
As some of the comments here state, we don’t do everything we’re asked and we try to use sensible defaults while providing appropriate amounts of customization and utility. I don’t see any of this as unfair or shocking.
@leecollings FYI, justified text is a nightmare to read and is even a failure criterion in WCAG.
To explain this a bit more, this is not really an accessibility concern but a readability one: justifying text makes word-spacing almost random, which turns to be more difficult to read. It’s as simple as that.
It appears to be mentionned in WCAG because some users (especially dyslexics, but also low level reader for example) would be unable to read your content because of justification and not because of their trouble with reading.
FYI in our own fork (Boosted), we totally removed the
.text-justifyutility for those reasons — so I’d recommend Bootstrap does the same, obviously.