Pagination


<-- Small -->
<nav>
  <ul class="pagination pagination-sm">
    ...
  </ul>
</nav>
<-- Medium(default) -->
<nav>
  <ul class="pagination">
    <li class="page-item"><a class="page-link" href="#">«</a></li>
    <li class="page-item active"><a class="page-link" href="#">1</a></li>
    <li class="page-item"><a class="page-link" href="#">2</a></li>
    <li class="page-item"><a class="page-link" href="#">3</a></li>
    <li class="page-item"><a class="page-link" href="#">»</a></li>
  </ul>
</nav>
<-- Large -->
<nav>
  <ul class="pagination pagination-lg">
    ...
  </ul>
</nav>

Hover Style 2


<nav>
  <ul class="pagination hover-style-2">
    <li class="page-item"><a class="page-link" href="#">«</a></li>
    <li class="page-item active"><a class="page-link" href="#">1</a></li>
    <li class="page-item"><a class="page-link" href="#">2</a></li>
    <li class="page-item"><a class="page-link" href="#">3</a></li>
    <li class="page-item"><a class="page-link" href="#">»</a></li>
  </ul>
</nav>