Typography


Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Heading with muted text

Lead Paragraph. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Inline text elements

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

fw-semibold - Custom class for font-weight: 600

This line rendered as italicized text.

Emphasis classes

text-primary - Lorem ipsum dolor sit amet

text-secondary - Lorem ipsum dolor sit amet

text-success - Lorem ipsum dolor sit amet

text-info - Lorem ipsum dolor sit amet

text-warning - Lorem ipsum dolor sit amet

text-danger - Lorem ipsum dolor sit amet

text-light - Lorem ipsum dolor sit amet

text-dark - Lorem ipsum dolor sit amet

text-muted - Lorem ipsum dolor sit amet

text-faded - Custom class that uses opacity instead of changing the font color

Display Headings

Display 1
Display 2
Display 3
Display 4
Display 5
Display 6
display-5 and display-6 are custom classes and are not normally in Bootstrap

Lead

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.


Fieldset

Legend

Content

More Content

Code Elements

Inline Code

For example, <section> should be wrapped as inline.

User Input

To switch directories, type cd followed by the name of the directory.
To edit settings, press ctrl + ,

pre
<p>Sample text here...</p>
Variables
y = mx + b
Sample Output
This text is meant to be treated as sample output from a computer program.