## Skin Options

### Skin Colour

Simple pagination inspired by Rdio, great for apps and search results. The large block is hard to miss, easily scalable, and provides large click areas.

Fancy larger or smaller pagination? Add `.pagination-lg` or `.pagination-sm` for additional sizes.

Quick previous and next links for simple pagination implementations with light markup and styles. It's great for simple sites like blogs or magazines.

By default, the pager centers links.

Links are customizable for different circumstances. Use `.disabled` for unclickable links and `.active` to indicate the current page.

You can optionally swap out active or disabled anchors for `<span>`, or omit the anchor in the case of the previous/next arrows, to remove click functionality while retaining intended styles.

    <nav>
      <ul class="pagination">
        <li class="disabled">
          <span>
            <span aria-hidden="true">«</span>
          </span>
        </li>
        <li class="active">
          <span>1 <span class="sr-only">(current)</span></span>
        </li>
        ...
      </ul>
    </nav>

Pager links also use the general `.disabled` utility class from the pagination.

Alternatively, you can align each link to the sides: