{% extends "partials/base.html" %} {% load static %} {% block title %}Pagination{% endblock title %} {% block extra_css %} {% endblock extra_css %} {% block pagetitle %} {% include "partials/page-title.html" with pagetitle="Base UI" title="Pagination" %} {% endblock pagetitle %} {% block content %}

Default Pagination

Simple pagination inspired by Rdio, great for apps and search results.

Disabled and active states

Pagination links are customizable for different circumstances. Use .disabled for links that appear un-clickable and .active to indicate the current page.

Alignment

Change the alignment of pagination components with flexbox utilities.

Rounded Pagination

Add .pagination-rounded for rounded pagination.

Sizing

Add .pagination-lg or .pagination-sm for additional sizes.

{% endblock content %} {% block extra_js %} {% endblock extra_js %}