(972) 864-8844   Email

Provide pagination links for your site or app with the multi-page pagination component, or the simpler pager alternative.

Default pagination

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.

<ul class="pagination">
  <li><a href="#">&laquo;</a></li>
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
  <li><a href="#">&raquo;</a></li>
</ul>

Disabled and active states

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

<ul class="pagination">
  <li class="disabled"><a href="#">&laquo;</a></li>
  <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
  ...
</ul>

You can optionally swap out active or disabled anchors for <span> to remove click functionality while retaining intended styles.

<ul class="pagination">
  <li class="disabled"><span>&laquo;</span></li>
  <li class="active"><span>1 <span class="sr-only">(current)</span></span></li>
  ...
</ul>

Sizing

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

<ul class="pagination pagination-lg">...</ul>
<ul class="pagination">...</ul>
<ul class="pagination pagination-sm">...</ul>

Pager

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

Default example

By default, the pager centers links.

<ul class="pager">
  <li><a href="#">Previous</a></li>
  <li><a href="#">Next</a></li>
</ul>

Aligned links

Alternatively, you can align each link to the sides:

<ul class="pager">
  <li class="previous"><a href="#">&larr; Older</a></li>
  <li class="next"><a href="#">Newer &rarr;</a></li>
</ul>

Optional disabled state

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

<ul class="pager">
  <li class="previous disabled"><a href="#">&larr; Older</a></li>
  <li class="next"><a href="#">Newer &rarr;</a></li>
</ul>

Flickr Photo

Be safe with Allsafe Auto Insurance.

  • 972-864-8844
  • Mon - Fri  9:00am to 5:30pm
  • Saturday 9:00am to 4:00pm
  • 220 W Kingsley Rd Ste 414, Garland, TX 75041
  • info@allsafeautoinsurance.com
  • http://www.allsafeautoinsurance.com

Planar Client Options

Layout Style

  • Boxed
  • Wide

Header & Footer

Theme Preview

The design of this disc has proved a bit controversial but rolex replica uk remains effective. For some fun, we played around with various alternations to the rolex replica uk Sky-Dweller for a Watch Watch-If here. Taken as a whole, the open GMT disc is integrated about as well as one could hope, replica watches uk with a beveled edge window and a nice circular design that uniquely adds to the composition of the rolex replica sale watch. Instant classic? Perhaps not, but it is certainly Rolex. My favorite of the newer rolex replica uk Sky-Dweller models is the reference 326139 in 18k white gold with a black dial. The rolex replica GMT disc is silvered and the entire dial is rather replica watches sale legible. The red accents add a nicely sporty look, and this version of the Sky-Dweller comes on a matching black strap.