Typography

Typography is used for styling and formatting the content. It also helps in creating customized headings, sub-headings, lists, paragraphs, etc.

Headings

Bootstrap 4 offers HTML heading <h1> to <h6> that has bolder font-weight and larger font-size.

Example

Output

Bootstrap 4 Content

Display Headings

Bootstrap offers display headings that are used for creating headings with bigger font-size and lighter font-weight. There are four classes in display headings, which are .display-1, .display-2, .display-3, .display-4

Example

Output

Bootstrap 4 Content

<mark>

Bootstrap 4 offers HTML <mark> tag which is used to highlight any text.

Example 

Output

Bootstrap 4 Content

<abbr>

<abbr> tag is used to display the description of the abbreviation when you mouse pointer over the <abbr> element.

Example

Output

Bootstrap 4 Content

<kbd>

<kbd> tag is used when you want to display any keyboard input like shortcut keys on the screen.

Example

Bootstrap 4 Content

Output

Lists

Bootstrap 4 offers different types of lists, which are as follows;

Unstyled List – In unstyled list, we can display the list items without any list-style and left margin.

Inline List – In the inline list, we can display all the list items in a single line.

Description List – In the description list, the list items are displayed along with the description.

Example

 Output

Bootstrap 4 Content

Pin It on Pinterest

Share This