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
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- 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