Introduction
Typography is a way to give style and appearance to any text that we want to use in our Web page. Bootstrap's default font size is 14px in <body> and paragraphs.
Now, let us see the use of some elements to give style and appearance to the matter.
Headings
First, let us see how default headings work in Bootstrap, using <h1>.
Example
Output
Small
In Bootstrap the <small> keyword is used to create secondary text and lighter text in a heading.
Output
Mark
In Bootstrap <mark> element is used to highlight a particular text.
Abbreviation
In Bootstrap <abbr> element is used to mark up an abbreviation or acronym.
Example
Output
Blockquote
In Bootstrap <blockquote> is used to show the content from another source and if we want to show the content on the right, we can also use <blockquote-reverse>. Let me show you with an example.
Output
Context Color & Background color
In Bootstrap, we have contextual background class to provide “Meaning though colors.” Meaning can be given through text color or background color.
Output
Pre Elements
We can use pre elements to pre-define multiple line display.
Output
Pre-Scrollable
We can make a pre element scrollable by using <pre-scrollable> keyword. This provides a scroll bar in right side of a text.
Example
Output
Some more elements are given below that can be used to give style to an HTML text.
In this article, we learned basic typescripts of Bootstrap. I hope you have enjoyed learning.