Highly responsive pagination for Bootstrap (http://auxiliary.github.io/rpage/)
Just include responsive-pagination.js
and call the rPage
function on the pagination element like this:
$(document).ready(function () {
$(".pagination").rPage();
});
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>