rPage – Bootstrap responsive pagination plugin

Highly responsive pagination for Bootstrap 3

rPage is an easy to use plugin for making Bootstrap 3’s pagination more responsive. rPage automatically shrinks the pagination component and removes some of its elements when there isn’t enough room.

Usage

Just include responsive-pagination.js and call the rPage function on the pagination element like this:

$(document).ready(function () {
    $(".pagination").rPage();
});

Previous and Next Links

rPage won’t hide previous and next links with bootstrap’s default “«” and “»” content. If you want to use custom text in your links, add classes to your list items like this:

<ul class="pagination">
  <li class="pagination-prev"><a href="#">Previous</a></li>
  <!-- ... -->
  <li class="pagination-next"><a href="#">Next</a></li>
</ul>

Website: http://auxiliary.github.io/rpage/

Demo: http://auxiliary.github.io/rpage/demo.html

Thanks for reading,
Web Editor