Typography
______
Standard h1
<h1> 32px
Standard h2
<h2> 26px
Standard h3
<h3> 22px
Standard h4
<h4> 18px
Standard h5
<h5> 16px
Standard h6
<h6> 14px
Lorem ipsum dolor sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.
<p class="text-large">
Lorem ipsum dolor sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
<p>
Turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
<p class="text-small">
Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
<p class="text-muted">
Blockquotes
Simple
Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
<blockquote> ... </blockquote>
With By Line
Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
<blockquote>
...
<span class="byline">Anonymous</span>
</blockquote>
With Quotes
Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
<blockquote>
...
</blockquote>
Lists
Unordered
- Nulla vel neque mattis, vestibulum nunc et, molestie diam.
- Donec vitae sapien a elit faucibus venenatis et nec neque.
- Nulla suscipit massa non neque consectetur, non blandit augue scelerisque.
- Proin a augue eu neque malesuada cursus ut ac elit.
- Suspendisse congue arcu vehicula sem imperdiet, quis dictum nulla ultricies.
<ul>
<li>...</li>
<li>...</li>
</ul>
Ordered
- Nulla vel neque mattis, vestibulum nunc et, molestie diam.
- Donec vitae sapien a elit faucibus venenatis et nec neque.
- Nulla suscipit massa non neque consectetur, non blandit augue scelerisque.
- Proin a augue eu neque malesuada cursus ut ac elit.
- Suspendisse congue arcu vehicula sem imperdiet, quis dictum nulla ultricies.
<ol>
<li>...</li>
<li>...</li>
</ol>