Typography

Headings

All HTML headings, <h1> through <h6>, are available.

h1. Heading 1

h2. Heading 2

h3. Heading 3

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6

h1. Heading 1

h2. Heading 2

h3. Heading 3

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6
Use the included utility classes to recreate the small secondary heading text.

Fancy display headingWith faded secondary text

Larger, slightly more opinionated heading styles.

Display 1

Display 2

Display 3

Make a paragraph stand out by adding .lead

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

General

Styling for 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.

Stylized abbreviations implementation of HTML’s <abbr> element:

attr

HTML

Quoting blocks of content:

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

Someone famous in Source Title

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

Someone famous in Source Title

Text

Basic Text Examples:

Example Text

Example Bold Text

Example Bolder Text

Example Boldest Text

Example Uppercase Text

State colors:

Success state text

Warning state text

Info state text

Danger state text

Primary state text

Link

Basic link Examples:

Example Text

Example Bold Text

Example Bolder Text

Example Boldest Text

Example Uppercase Text

State colors:

Success state text

Warning state text

Info state text

Danger state text

Primary state text

Divider

or