Headings
All HTML headings, <h1> through <h6>

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading
h6. Bootstrap heading
Display Headings
Larger, slightly more opinionated heading styles

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6

Lead Text
Make a paragraph stand out with .lead

This is a lead paragraph. It stands out from regular paragraphs with larger font size and weight.

This is a regular paragraph for comparison. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Inline Text Elements
Common inline HTML5 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.

This line rendered as italicized text.

Abbreviations
Stylized implementation of HTML's <abbr> element

attr

HTML

Blockquotes
For quoting blocks of content from another source

A well-known quote, contained in a blockquote element.

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

Someone famous in Source Title
Text Utilities
Text alignment and transformation utilities

Start aligned text on all viewport sizes.

Center aligned text on all viewport sizes.

End aligned text on all viewport sizes.

Lowercased text.

Uppercased text.

CapiTaliZed text.

Font Weight and Italics
Font weight and style utilities

Bold text.

Bolder weight text (relative to the parent element).

Semibold weight text.

Medium weight text.

Normal weight text.

Light weight text.

Lighter weight text (relative to the parent element).

Italic text.

Text with normal font style

Text Colors
Contextual text colors with semantic classes

Primary text color

Secondary text color

Success text color

Danger text color

Warning text color

Info text color

Light text color

Dark text color

Body text color

Muted text color

White text color

Black text with 50% opacity

White text with 50% opacity

Lists
Unstyled and inline lists
Default List
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
Unstyled List
  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
Inline List
  • Lorem ipsum
  • Phasellus iaculis
  • Nulla volutpat
Description Lists
Definition lists for terms and descriptions
Description lists
A description list is perfect for defining terms.
Euismod

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.

Malesuada porta
Etiam porta sem malesuada magna mollis euismod.
Truncated term is truncated
This can be useful when space is tight.
Code and Preformatted Text
Code snippets and keyboard input
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 + ,

Variables

y = mx + b

Sample Output

This text is meant to be treated as sample output from a computer program.

Code Block
<p>Sample text here...</p>
<p>And another line of sample text here...</p>