Hello Dear Readers, Today In this Post, You will learn Bootstrap 5 Tutorial In Hindi #19 | Bootstrap 5 Text & Background Color. Earlier I have shared Bootstrap 5 Tutorial In Hindi #18 | Bootstrap 5 Position & Overflow Class. and now it’s time to Bootstrap 5 Text & Background Color.
In this tutorial, You will learn full Bootstrap 5. If you want to go deep into the tutorial so you can watch the full video which is I like below Hope it will help you all thank you for visiting.
In this tutorial, you will learn Bootstrap Tutorial In Hindi, Bootstrap 5 Text & Background Color. Bootstrap 5 Tutorial In Hindi You can learn what is bootstrap framework, what are the advantages of the bootstrap tutorial in Hindi. Make sure to Subscribe, Share the video, and Like it, for more tutorials in Hindi like this one!
Background
Convey meaning through background-color
and add decoration with gradients.
Background color
Similar to the contextual text color classes, set the background of an element to any contextual class. Background utilities do not set color
, so in some cases you’ll want to use.
Background gradient
By adding a .bg-gradient
class, a linear gradient is added as background image to the backgrounds. This gradient starts with a semi-transparent white which fades out to the bottom.
Do you need a gradient in your custom CSS? Just add background-image: var(--bs-gradient);
.
Colors
Convey meaning through color
with a handful of color utility classes. Includes support for styling links with hover states, too.
Colorize text with color utilities. If you want to colorize links, you can use the .link-*
helper classes which have :hover
and :focus
states.
Specificity
Sometimes contextual classes cannot be applied due to the specificity of another selector. In some cases, a sufficient workaround is to wrap your element’s content in or more semantic element with the desired class.