← all Bootstrap classes list

Bootstrap class: .text-justify

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

Preview

Justified text.

Tips 💡

You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.

Sass source

/* _text.scss:11 */
.text-justify  { text-align: justify !important; }
.text-nowrap   { white-space: nowrap !important; }
.text-truncate { @include text-truncate; }

// Responsive alignment

@each $breakpoint in map-keys($grid-breakpoints) {
  @include media-breakpoint-up($breakpoint) {
    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);

    .text#{$infix}-left   { text-align: left !important; }
    .text#{$infix}-right  { text-align: right !important; }
    .text#{$infix}-center { text-align: center !important; }
  }
}

Uses variables

Code copied to the clipboard.

Copying failed

/* _text.scss:11 */
$breakpoint
$grid-breakpoints
$breakpoint
$infix:
$breakpoint
$grid-breakpoints
$infix}-left
$infix}-right
$infix}-center

More in Bootstrap Text

Bootstrap 4 & 5
Tailwind