Headings

The builtin styles in the editor only offer you Heading and Subheading which are equivalent to <h2> and <h3> respectively. By editing the HTML you can use the full range of headers from <h1> through to <h6>.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Special headings

Hero

If you wrap your heading in a <div class="hero-unit">you get the big border with padding, and for some reason the button will have rounded corners!

<div class="hero-unit">
<h1>Heading</h1>
<p>Tagline</p>
<p><a class="btn btn-primary btn-large"> Learn more </a></p>
</div>

Heading

Tagline

Learn more

 

Page-heading

If you want something more subtle than a hero header but with more impact than a regular header, wrap you heading in a <div class="page-header">. This will add some padding and a bottom border (depending on the theme you are using).

<div class="page-header">
<h1>Example page header <small>Subtext for header</small></h1>
</div>

 

Other font manipulations

To make the font a little bigger <p class="lead">

A little bigger than the rest of the text.

To make your code a little smaller <small>

This line of text is meant to be treated as fine print.

To change the colour of the text, use <text-type> class on a paragraph or span element.

The different types supported are the text-success colour, the text-info colour, the text-warning colour, and the text-error colour.

There is also a muted class that should make the text colour less prominent.

And to make some text monospaced, use <tt> or <code>  elements.

Blockquotes

Using a combination of <blockquote> with a float classes of pull-left or pull-right, along with <small> for the attribution, can produce effective quotes.

<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small>Someone famous in <cite title="Source Title">Source Title</cite></small>
</blockquote>

<blockquote class="pull-right">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
<small>Someone famous in <cite title="Source Title">Source Title</cite></small>
</blockquote>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title