<!-- for bootstrap 2.x -->
<div class="pagination pagination-centered"> 
  <ul>
    <li class="disabled"><a href="#">&laquo; 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 &raquo;</a></li>
  </ul>
</div>

<!-- for bootstrap 3.x -->
<div class="text-center">
  <ul class="pagination">
    <li class="disabled"><a href="#">&laquo; 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 &raquo;</a></li>
  </ul>
</div>