Bootstrap class: .text-black-50

<p class="text-black-50">I'm a text with 50% opacity black.</p>

Preview

I'm a text with 50% opacity black.

Tips 💡

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

Sass source

/* _text.scss:51 */
.text-black-50 { color: rgba($black, .5) !important; }
.text-white-50 { color: rgba($white, .5) !important; }

// Misc

.text-hide {
  @include text-hide($ignore-warning: true);
}

Uses variables

/* _text.scss:51 */
$black
$white
$ignore-warning:

More in Bootstrap Text

Bootstrap 4 & 5