<!-- for bootstrap 2.x --> <div class="pagination pagination-centered"> <ul> <li class="disabled"><a href="#">« prev</a></li> <li class="active"><a href="#">1</a></li> <li><a href="index.php?p=2">2</a></li> <li><a href="index.php?p=3">3</a></li> <li><a href="index.php?p=2">next »</a></li> </ul> </div> <!-- for bootstrap 3.x --> <div class="text-center"> <ul class="pagination"> <li class="disabled"><a href="#">« Previous</a></li> <li class="active"><a title="Go to page 1 of 12" href="#">1</a></li> <li><a title="Go to page 2 of 12" href="/index.php?page=2&ipp=10">2</a></li> <li><a title="Go to page 3 of 12" href="/index.php?page=3&ipp=10">3</a></li> <li><a href="/index.php?page=2&ipp=10">Next »</a></li> </ul> </div>