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-white-50

<p class="text-white-50 bg-danger">I'm a text with 50% opacity white</p>

Preview

I'm a text with 50% opacity white

Check .text-white-50 in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →

Tips 💡

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

Sass source

/* _text.scss:52 */
.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:52 */
$white
$ignore-warning:

More in Bootstrap Text

Bootstrap 4 & 5