Hello Dear Readers, Today In this Post, You will learn Bootstrap 5 Tutorial In Hindi #20 | Bootstrap 5 Text Formatting Classes. Earlier I have shared a Responsive Food And Restaurant Website Using Bootstrap 5 (Part-2). and now it’s time to Bootstrap 5 Text Formatting Classes.
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 Formatting Classes. 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!
Bootstrap 5 Text
Documentation and examples for common text utilities to control alignment, wrapping, weight, and more.
Easily realign text to components with text alignment classes. For left, right, and center alignment, responsive classes are available that use the same viewport width breakpoints as the grid system.
Left aligned text on all viewport sizes.
Center aligned text on all viewport sizes.
Right aligned text on all viewport sizes.
Left aligned text on viewports sized SM (small) or wider.
Left aligned text on viewports sized MD (medium) or wider.
Left aligned text on viewports sized LG (large) or wider.
Left aligned text on viewports sized XL (extra-large) or wider.
Text wrapping and overflow
Wrap text with a
Prevent long strings of text from breaking your components’ layout by using
.text-break to set
word-wrap: break-word and
word-break: break-word. We use
word-wrap instead of the more common
overflow-wrap for wider browser support, and add the deprecated
word-break: break-word to avoid issues with flex containers.
Transform text in components with text capitalization classes.
Quickly change the
font-size of text. While our heading classes (e.g.,
line-height, these utilities only apply
font-size. Sizing for these utilities matches HTML’s heading elements, so as the number increases, their size decreases.
Font weight and italics
Quickly change the
font-style of text with these utilities.
font-style utilities are abbreviated as
font-weight utilities are abbreviated as