Is it possible to justify text within the bootstrap framework?

Question

This might be a silly question but I'm certain I'm not the only one wondering.

I'm aware of the alignment classes: <p class="text-center">Text Centered within the block element</p> <p class="text-right">Text aligned to the right within the block element</p> <p class="text-left">Text aligned to the left within the block element</p>

Is there a set of classes in Twitters Bootstrap Framework that justifies text?

e.g. <p class="text-justify">Sample Text Goes Here</p>

why does it appear that bootstrap do not incorporate a utility function such as text-align: justify?

Answer 1

In Bootstrap 3 and Bootstrap 4 you can use the following:

<p class="text-justify">Justified text.</p> 

Official documentation

(Update) This feature removed from Bootstrap 5

• Commit
• Official document and recommendation

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.

Based on the official UX suggestion: don't use justified text! ;)

Answer 2

No. But you can add a new class on bootstrap.css

.text-justify {   text-align: justify; } 

Update

Previous versions of bootstrap was not supporting text-justify. But bootstrap 3 has added a class text-justify.