Paginación

<< Modal Barra de progreso >>

La paginación se utiliza para tener un bloque de enlaces y poder accede a ellos de forma fácil. La forma de construirlo es mediante una lista de elementos en HTML, estos enlaces deben estar agrupados dentro del elemento <nav>, cada uno de los elementos tendrá la clase .page-item y cada enlace la clase .page-link, veamos un ejemplo tanto si usamos iconos como si usamos texto.

Ejemplo de paginación con texto:

<nav aria-label="Page navigation example">
  <ul class="pagination">
    <li class="page-item"><a class="page-link" href="#">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>

<< Modal Barra de progreso >>