### Typography

### Heading

### Default headings

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

# h1. Heading 1

## h2. Heading 2

### h3. Heading 3

#### h4. Heading 4

##### h5. Heading 5

###### h6. Heading 6

# h1. Heading 1

## h2. Heading 2

### h3. Heading 3

#### h4. Heading 4

##### h5. Heading 5

###### h6. Heading 6

### Customizing headings

Use the included utility classes to recreate the small secondary heading text.

### Fancy display heading With faded secondary text

### Display headings

Larger, slightly more opinionated heading styles.

### Display 1

### Display 2

### Display 3

### Lead

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

### Inline text elements

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.

### Abbreviations

Stylized implementation of HTML’s `<abbr>` element.

attr

HTML

### Blockquotes

Quoting blocks of content.

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

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

### Badges

### Basic Badges

Basic state color badges
3 4 7 8 11 2 5

### Text

### Basic 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

### Links

### Basic Links

Basic link examples

Example link

Example bold link

Example bolder link

Example boldest link

Example uppercase link

State colors

Success state

Warning state

Info state

Danger state

Primary state

### Badges

### Basic Badges

Basic state color badges
3 4 7 8 11 2 5

### Dot Badges

State color dot badges
Pending Caption Heading Status
Pending Caption Heading Status

### Wide Badges

Wide badges for longer text
new pending 203 hot fixed in process completed

### Rounded Badges

Rounded badges examples
new pending 203 hot fixed in process completed