Typography

Use the .lead class to make a paragraph "stand out":

This paragraph stands out.

This is a regular paragraph.

This text is muted.

This text is important.

This text indicates success.

This text represents some information.

This text represents a warning.

This text represents danger.

This paragraph is smaller.

This paragraph is left side.

Right-aligned text.

Center-aligned text.

This paragraph is justify.

This paragraph is nowrap.

Lowercased text.

Uppercased text.

Capitalized text.

The WHO was founded in 1948. (normal abbr)

The WHO was founded in 1948. (slightly smaller abbr)

The class .list-unstyled removes the default list-style and left margin on list items (immediate children only):

• Coffee
• Tea
  • Black tea
  • Green tea
• Milk

The class .list-inline places all list items on a single line:

• Coffee
• Tea
• Milk

Use the .dl-horizontal class line up the description list side-by-side when the browser window expands:

Coffee

- black hot drink

Milk

- white cold drink

Tip: Try to resize the browser window to see the behaviour of the description list.

For multiple lines of code, use the pre element:

Text in a pre element
  is displayed in a fixed-width
  font, and it preserves
  both      spaces and
  line breaks.

If you add the .pre-scrollable class, the pre element gets a max-height of 350px and provides a y-axis scrollbar:

Text in a pre element
  is displayed in a fixed-width
  font, and it preserves
  both      spaces and
  line breaks.