Typography
Heading
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
h1. Heading 1
h2. Heading 2
h3. Heading 3
h4. Heading 4
h5. Heading 5
h5. Heading 6
Customizing headings
Make a paragraph stand out by adding .lead
.
Fancy display heading With faded secondary text
Display Heading
Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style.
Paragraph
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?
Inline text elements
Highlight
Oh, I told you it wasdangerous 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 Ultilities
Text Colors
Text Gray
Text Body Color
Text Dark
Text Primary
Text Secondary
Text Success
Text Info
Text Warning
Text Danger
Text White
Font Weight
Font Weight Light
Font Weight Normal
Font Weight Semibold
Font Weight Bold
Text Transformation
Text Lowercase
Text Uppercase
Text Capitalize
Text wrapping and overflow
Text Alignment
Text Alignment
Text Left
Text Center
Text Right
Text Justify: 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