Pagination

                
                  <nav aria-label="Pagination">
                    <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</a>
                      </li>
                      <li class="page-item"><a class="page-link" href="#">3</a></li>
                      <li class="page-item disabled">
                        <a class="page-link" href="#" tabindex="-1" aria-disabled="true">...</a>
                      </li>
                      <li class="page-item"><a class="page-link" href="#">86</a></li>
                      <li class="page-item">
                        <a class="page-link" href="#">Next</a>
                      </li>
                    </ul>
                  </nav>
                
              

                
                  <nav aria-label="Pagination">
                    <ul class="nav nav-pills nav-pills-sm nav-pills-invert">
                      <li class="nav-item">
                        <a class="nav-link px-3 disabled" href="#" tabindex="-1" aria-disabled="true">
                          <span aria-hidden="true">«</span>
                        </a>
                      </li>
                      <li class="nav-item"><a class="nav-link px-3" href="#">1</a></li>
                      <li class="nav-item" aria-current="page">
                        <a class="nav-link px-3 active" href="#">2</a>
                      </li>
                      <li class="nav-item"><a class="nav-link px-3" href="#">3</a></li>
                      <li class="nav-item disabled">
                        <a class="nav-link px-3" href="#" tabindex="-1" aria-disabled="true">...</a>
                      </li>
                      <li class="nav-item"><a class="nav-link px-3" href="#">86</a></li>
                      <li class="nav-item">
                        <a class="nav-link px-3" href="#">
                          <span aria-hidden="true">»</span>
                        </a>
                      </li>
                    </ul>
                  </nav>