{% set title = 'Pagination' %} {% set filename = 'component-pagination.html' %} {% extends 'layouts/master.html' %} {% block content %}

Pagination

Examples for showing pagination to indicate a series of related content exists across multiple pages

Basic Pagination

Pagination with active item

Pagination with Icon

Change prev and next button into icon

Pagination Color

To add pagination with different color option, use class .pagination-{colorName} with .pagination class.

Pagination Size

Fancy larger or smaller pagination? Add .pagination-lg or .pagination-sm for additional sizes.

Alignment

Change the alignment of pagination components with flexbox utilities.

{% endblock %}