Pagination - Disabled and Active States

Links are customizable for different circumstances. Use .disabled for unclickable links and .active to indicate the current page. 

<ul class="pagination">
    <li class="disabled"><a href="#"><i class="fa fa-chevron-left"></i></a></li>
    <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#"><i class="fa fa-chevron-right"></i></a></li>
  </ul>