Typography

Headings

H1 Lorem ipsum

H2 Lorem ipsum

H3 Lorem ipsum

H4 Lorem ipsum

H5 Lorem ipsum
H6 Lorem ipsum

Blockquotes

Lorem ipsum dolor sit amet, consectetur adipiscing…

Someone famous

Lorem ipsum dolor sit amet, consectetur adipiscing…

Someone famous

Labels

.label .label-success .label-warning .label-important .label-info .label-inverse

Badges

.badge .badge-success .badge-warning .badge-important .badge-info .badge-inverse

Emphasis classes

.muted

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

.text-warning

Etiam porta sem malesuada magna mollis euismod.

.text-error

Donec ullamcorper nulla non metus auctor fringilla.

.text-info

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis.

.text-success

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Hero Unit

Lorem ipsum, dolor

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Learn more

Lists

<ul>

  • Lorem ipsum, dolor sit
  • Lorem ipsum, dolor sit
  • Lorem ipsum, dolor sit
  • Lorem ipsum, dolor sit

<ul class="unstyled">

  • Lorem ipsum, dolor sit
  • Lorem ipsum, dolor sit
  • Lorem ipsum, dolor sit
  • Lorem ipsum, dolor sit

<ol>

  1. Lorem ipsum, dolor sit
  2. Lorem ipsum, dolor sit
  3. Lorem ipsum, dolor sit
  4. Lorem ipsum, dolor sit

combined

  1. Lorem ipsum, dolor sit
    • Lorem ipsum, dolor sit
    • Lorem ipsum, dolor sit
  2. Lorem ipsum, dolor sit
  3. Lorem ipsum, dolor sit

<ul class="list_a">

  • Lorem ipsum, dolor sit
  • Lorem ipsum, dolor sit
  • Lorem ipsum, dolor sit
  • Lorem ipsum, dolor sit

<ul class="list_b">

  • Lorem ipsum, dolor sit
  • Lorem ipsum, dolor sit
  • Lorem ipsum, dolor sit
  • Lorem ipsum, dolor sit

<ul class="list_c">

  • Lorem ipsum, dolor sit
  • Lorem ipsum, dolor sit
  • Lorem ipsum, dolor sit
  • Lorem ipsum, dolor sit

<ul class="list_d">

  • Lorem ipsum, dolor sit
  • Lorem ipsum, dolor sit
  • Lorem ipsum, dolor sit
  • Lorem ipsum, dolor sit

Description

<dl>

Lorem ipsum
A description list is perfect for defining terms.
dolor sit amet
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.

Horizontal Description

<dl class="dl-horizontal">

Lorem ipsum
A description list is perfect for defining terms.
dolor sit amet
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.

Pre

<pre>

if ( typeof target === "boolean" ) {
  deep = target;
  target = arguments[1] || {};
  // skip the boolean and the target
  i = 2;
}

<pre class="prettyprint linenums">

if ( typeof target === "boolean" ) {
  deep = target;
  target = arguments[1] || {};
  // skip the boolean and the target
  i = 2;
}

Code

<body class="main_class">

if ( typeof target === "boolean" )

Lorem ipsum deep = target dolor sit amet, porta felis euismod semper eget lacinia odio sem nec…