question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

No responsiveness for text-justify?

See original GitHub issue

According 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:closed
  • Created 4 years ago
  • Comments:11 (8 by maintainers)

github_iconTop GitHub Comments

5reactions
mdocommented, Dec 2, 2019

Do you have a personal vendetta against me? I can’t believe what you’ve just said. That’s very much your opinion. Would you honestly remove something just because you don’t use it? That’s seriously incredibly unfair I’m absolutely shocked you would have a view like that. You don’t see the point? Seriously?

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.

4reactions
ffooddcommented, Nov 20, 2019

@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-justify utility for those reasons — so I’d recommend Bootstrap does the same, obviously.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found