Overview 
<nav aria-label="...">  <ul class="pagination">    <li class="page-item disabled">      <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>    </li>    <li class="page-item"><a class="page-link" href="#">1</a></li>    <li class="page-item active" aria-current="page">      <a class="page-link" href="#">2 <span class="sr-only">(current)</span></a>    </li>    <li class="page-item"><a class="page-link" href="#">3</a></li>    <li class="page-item">      <a class="page-link" href="#">Next</a>    </li>  </ul></nav>
Rounded 
<nav aria-label="...">  <ul class="pagination pagination-rounded">    <li class="page-item disabled">      <a class="page-link" href="#" tabindex="-1" aria-disabled="true">        <i class="ti-angle-left"></i>      </a>    </li>    <li class="page-item"><a class="page-link" href="#">1</a></li>    <li class="page-item active" aria-current="page">      <a class="page-link" href="#">2 <span class="sr-only">(current)</span></a>    </li>    <li class="page-item"><a class="page-link" href="#">3</a></li>    <li class="page-item">      <a class="page-link" href="#">        <i class="ti-angle-right"></i>      </a>    </li>  </ul></nav>
Sizing 
<nav aria-label="...">  <ul class="pagination">    <li class="page-item active" aria-current="page">      <span class="page-link">1<span class="sr-only">(current)</span></span>    </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>  </ul></nav><nav aria-label="...">  <ul class="pagination pagination-sm">    <li class="page-item active" aria-current="page">      <span class="page-link">1<span class="sr-only">(current)</span></span>    </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>  </ul></nav>
Alignment 
<nav aria-label="...">  <ul class="pagination">    <li class="page-item disabled">      <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>    </li>    <li class="page-item"><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="#">Next</a>    </li>  </ul></nav><nav aria-label="...">  <ul class="pagination justify-content-center">    <li class="page-item disabled">      <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>    </li>    <li class="page-item"><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="#">Next</a>    </li>  </ul></nav><nav aria-label="...">  <ul class="pagination justify-content-end">    <li class="page-item disabled">      <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>    </li>    <li class="page-item"><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="#">Next</a>    </li>  </ul></nav>