is now part of Shuffle™. The new editor includes templates for Bootstrap, Bulma, Material-UI, and Tailwind CSS.
Switch to Shuffle →
← all Bootstrap classes list

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

Code copied to the clipboard.

Copying failed

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

More in Bootstrap Text

Bootstrap 4 & 5