🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

rpage is a jQuery plugin used to create responsive, space-saving Bootstrap pagination that dynamically shrinks and hides the pagination items based on screen width.

Bootstrap Plugins

Documentation

rpage

Highly responsive pagination for Bootstrap (http://auxiliary.github.io/rpage/)

Demo

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>

You May Also Like