All You Need to Know About Bootstrap 4 Typography

Below is a table that demonstrates many bootstrap typography elements.

Element Example
Display

What is a Display Heading?

Display headings are used to stand out more than normal headings, they have larger font-size and lighter font-weight. There are four classes to choose from: .display-1, .display-2, .display-3, .display-4 (.display-1 is the biggest).
Headings

Bootstrap Headings

Bootstrap 4 styles HTML headings with a bolder font-weight and an increased font-size.
Secondary Text In Bootstrap 4 the HTML small element is used to create a lighter, secondary text in any heading. I used the small element to make this secondary text.
Abbreviations Bootstrap 4 will style the HTML abbreviation element with a dotted border bottom, the abbreviation element was used under the name "Jacqueline Owings" in the next sentence. Jacqueline Owings is learning about Bootstrap 4 Typography
Mark Use the mark element to highlight text. The last day of school is May 30th.
Blockquote The blockquote element is used to present content from another source:

"You know you're in love when you can't fall asleep because reality is finally better than your dreams.”

Dr. Seuss
kbd The kbd element will style the text between the tags to look like keyboard keys. For example, use ctrl + p to open the Print dialog box.
pre 
This text is styled with the pre element. It is a fixed-width
font that preserves
both      spaces and
line breaks.