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
Use Shuffle AI to build your own Bootstrap templates
Quickly design stunning Bootstrap templates with the power of Shuffle AI — no coding required.
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.
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
- font-weight-bold
- font-weight-bolder
- text-decoration-none
- font-weight-normal
- text-monospace
- font-weight-light
- text-nowrap
- text-justify
- text-*-left
- text-*-right
- text-*-center
- text-lowercase
- text-uppercase
- font-weight-lighter
- text-capitalize
- text-truncate
- text-body
- font-italic
- text-black-50
- text-muted
- text-hide
