Bootstrap 5 Typography is a characteristic of Bootstrap for styling and formatting textual content content material. It’s used to create personalized headings, inline subheadings, lists, and paragraphs, align, add extra design-oriented font types, and way more. Bootstrap help international settings for the font stack, Headings and Hyperlink types for use within the internet app for each sort of OS and Gadget to ship the most effective consumer interface.
Bootstrap 5 Typography:
- Headings: For heading, lessons can be found from [.h1 to .h6]. Heading lessons assist us create a font-style-like heading with out the usage of HTML heading tags.
- Show headings: Show headings are used to create a heading if it has a bigger (bigger font dimension and lighter font weight than a daily heading. Show heading lessons are from .display-1 to .display-6.
- Lead: For making a paragraph that standouts from different paragraphs .lead class is used.
- Inline textual content parts: The inline text-elements present a technique to fashion the frequent HTML parts.For ex: If we wish to spotlight a textual content within the paragraph we are able to use <mark> tag.
- Textual content utilities: The textual content utilities are used for altering textual content alignment, fashion, weight, line-height, and different decorations.
- Blockquotes: The <blockquote> tag in HTML is used to show lengthy quotations (a bit that’s quoted from one other supply). It adjustments the alignment to make it distinctive from others. It incorporates each opening and shutting tags.
- Lists: This technique is mainly used to fashion the record added on the webpage. Through the use of this technique we are able to take away the pre-defined types on the lists and add new types.
Syntax:
<p class="Typography lessons">
...
</p>
Instance 1: Allow us to see an instance of Typography Headings.
HTML
|
|
Output:
Instance 2: Allow us to see an instance of show heading lessons.
HTML
|
|
Output:
Reference: https://getbootstrap.com/docs/5.0/content material/typography/
