Typography

Headings

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

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h5. Heading 6

Sub Headings

Use <small> HTML tag to create a lighter text

h1. Heading 1 Sub-heading

h2. Heading 2 Sub-heading

h3. Heading 3 Sub-heading

h4. Heading 4 Sub-heading

h5. Heading 5 Sub-heading
h5. Heading 6 Sub-heading

Paragraph Text

The ship is almost finished. Two or Three more things and we're in great shape. The sooner the better. Something's wrong here. No one has seen or knows anything about Threepio. He's been gone too long to have gotten lost. Relax

I'll talk to Lando and see what I can find out. I don't trust Lando. Well, I don't trust him, either. But he is my friend. Besides, we'll soon be gone. And then you're as good as gone, aren't you?

Put Captain Solo in the cargo hold. Artoo! Artoo! Where have you been? Turn around, you wooly...! Hurry, hurry!

Paragraph Lead

Use .lead class to make your pharagraph outstanding

Excuse me, sir. Might I inqu-... Yes, sir? Do you know where Commander Skywalker is?

Adresses

Google, Inc.
71 Pilgrim Avenue
Chevy Chase, MD 20815
Phone:(123) 456-7890
Nate Leong
nate.leong@themenate.com

Inline text

Highlight

Oh, I told you it was dangerous here.

Underline

Oh, I told you it was dangerous here.

Slash

Oh, I told you it was dangerous here.

Small

Oh, I told you it was dangerous here.

Lowercase

Oh, I told you it was dangerous here.

Uppercase

Oh, I told you it was dangerous here.

Capitalized

Oh, I told you it was dangerous here.

Bold

Oh, I told you it was dangerous here.

Italic

Oh, I told you it was dangerous here.


Text Color

Bootstrap has some contextual classes that can be used to provide "meaning through colors". Convey meaning through color with a handful of emphasis utility classes. These may also be applied to links and will darken on hover just like our default link styles.

.text-dark

.text-success

.text-gray

.text-info

.text-white

.text-warning

.text-primary

.text-danger


Quote

Irresponsibility is part of the pleasure of all art; it is the part the schools cannot recognize.

James Joyce

List Unordered

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit

List Ordered

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit

List Unstyled

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit

List Dash

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit

List Dash

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit

List Star

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit

List Lower Alpha

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit

Bullet Color Primary

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit

Bullet Color Success

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit

Bullet Color Info

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit

Bullet Color Warning

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit

Bullet Color Danger

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit