section#typography h2 Typography h3 Body copy p The default font-size is 1rem (16px-ish) with line-height of 1.5. Additionally all paragraphs have a bottom margin of 30px (the default spacing unit). :markdown ```html

...

``` h3 Headings p All HTML headings are available—running from h1 to h6. .sample h1 Headline 1 h2 Headline 2 h3 Headline 3 h4 Headline 4 h5 Headline 5 h6 Headline 6 :markdown ```html

Headline 1

Headline 2

Headline 2

Headline 2

Headline 2
Headline 2
``` h4 Headings Usage dl dt Heading 1 dd h1 is a top-level header that should appear only once per page, usually within header area. dl dt Heading 2 dd h2 can be alternatively used as a top-level page header, optionally outside of header. dl dt Heading 3 dd h3 is used to denotate sections on a page. dl dt Heading 4, 5, 6 dd h4, h5, h6 are used for sub-sections on a page. h3 Text manipulations p Basic HTML inline text manipulations are supported. .sample ul.list-unstyled li This text snippet will be bold li This text snippet will be emphasized li This text snippet will be underlined li This text snippet will be strikedthrough li This text snippet will be small li This text snippet will be subscripted li This text snippet will be superscripted li This text snippet will be abbreviated li This text snippet will be highlighted li This text snippet will be an inline code sample :markdown ```html This text snippet will be bold This text snippet will be emphasized This text snippet will be underlined This text snippet will be strikedthrough This text snippet will be small This text snippet will be subscripted This text snippet will be superscripted This text snippet will be abbreviated This text snippet will be highlighted This text snippet will be an inline code sample ``` h3 Blockquotes p To quote an external source use a blockquote element. blockquote p If you give a good idea to a mediocre team, they will screw it up. If you give a mediocre idea to a brilliant team, they will either fix it or throw it away and come up with something better. :markdown ```html

You are not your idea, and if you identify too closely with your ideas, you will take offense when they are challenged.

``` p To add a source of the quote use the footer element. blockquote p Failure isn’t a necessary evil. In fact, it isn’t evil at all. It is a necessary consequence of doing something new. footer Ed Catmull in Creativity, Inc. :markdown ```html

Failure isn’t a necessary evil. In fact, it isn’t evil at all. It is a necessary consequence of doing something new.

``` p To center a blockquote add blockquote-centered class. blockquote.blockquote-centered p Getting the right people and the right chemistry is more important than getting the right idea. :markdown ```html

Getting the right people and the right chemistry is more important than getting the right idea.

``` p Blockquotes come with three different font sizes—base, medium and large. Use no class for base appearance. blockquote.blockquote-medium p “I like too many things and get all confused and hung-up running from one falling star to another till I drop. This is the night, what it does to you. I had nothing to offer anybody except my own confusion.” blockquote.blockquote-large p “War is peace. Freedom is slavery. Ignorance is strength.” blockquote.blockquote-large.blockquote-centered p “A strong leader has the humility to listen, the confidence to challenge, and the wisdom to know when to quit arguing and to get on board.” :markdown ```html

“I like too many things and get all confused and hung-up running from one falling star to another till I drop. This is the night, what it does to you. I had nothing to offer anybody except my own confusion.”

“War is peace. Freedom is slavery. Ignorance is strength.”

“A strong leader has the humility to listen, the confidence to challenge, and the wisdom to know when to quit arguing and to get on board.”

``` h3 Lists p Both ordered and unordered lists can be customized with list-unstyled class, that will remove the padding as well as individual list item style and list-inline class, that will change the display of list items to inline-block. h4 Unordered list p An unordered list represents a collection of items that do not have any particular order. ul li List element one li List element two ul li Nested list element one ul li Nested list element one li Nested list element two li List element two li List element three li List element four :markdown ```html ``` h4 Ordered list p An ordered list represents a collection of items that do have order and will be displayed with a preceding number. ol li List element one li List element two ol li Nested list element one li Nested list element two li List element three li List element four :markdown ```html
  1. List element one
  2. List element two
    1. Nested list element one
    2. Nested list element two
  3. List element three
  4. List element four
``` h4 Definition list p A definition list consists of pairs of terms and their descriptions. dl dt Definition term dd Definition description :markdown ```html
Definition term
Definition description
```