Bootstrap typography is used for to manage the content text of the webpage. Bootstrap uses 14 pixel font size with line-height 1.4 with default font family Helvetica Neue, Helvetica, Arial, and sans-serif.
Typography is used to create headings, paragraphs, lists and other text related elements. Below is a short description about it -
All HTML headings h1 to h6 are same styled and different font size
<h1>Heading1 h1 and font size 36px</h1>
<h2>Heading1 h2 and font size 30px</h2>
<h3>Heading1 h3 and font size 24px</h3>
<h4>Heading1 h4 and font size 18px</h4>
<h5>Heading1 h5 and font size 14px</h5>
<h6>Heading1 h6 and font size 12px</h6>
This is used to add a subheading text in heading tag. For it you just need to add <small> tag which will be placed in heading tag and you will get small and lighter text (small text will be rendered 85%).
If you want to add emphasis to a paragraph, then the lead class will work for you, this will give you a large font size and font weight.
<p class = "lead">This is an example paragraph demonstrating the use of lead body copy.</p>
Bootstrap offers HTML's default emphasis tags with their style and it also offers you some class to manage it
<p class = "text-right">For right aligned text.</p>
<p class = "text-center">For center aligned text.</p>
<p class = "text-left">For left aligned text.</p>
<p class = "text-muted">For to make content is muted</p>
<p class = "text-primary">This content carries a primary class</p>
<p class = "text-success">This content carries a success class</p>
<p class = "text-info">This content carries a info class</p>
<p class = "text-warning">This content carries a warning class</p>
<p class = "text-danger">This content carries a danger class</p>
Note - Try is on your end for better understanding
This is used for to make highlighted text, in your all content text you need to add <mark> element as the following way:
<p> Mark element to <mark>highlight</mark> text.</p>
AddressesUsing <address> tag you can display the contact information on your web page.
You’ll need to use display: block; property to show <address> as a default.
Tags to add line breaks to the enclosed address text.
<strong>Some Company, Inc.</strong><br>
Some City, State XXXXX<br>
<abbr title = "Phone">P:</abbr> +91 9876543210
Blockquote is used in bootstrap same as usually we used it in HTML. Bootstrap have some style format and adding a <small> tag for identifying the source of quote and add some other options.
This is a blockquote with a source title.
<small>Someone famous in <cite title = "Source Title">Source Title</cite></small>