Pagination

Default Pagination

Simple pagination for apps and search results. The large block is hard to miss, easily scalable, and provides large click areas.

Basic Pagination

Default pagination without next previous.

Pagination with Next/Prev Arrows

Default pagination with next previous icons.

Pagination with Next/Prev Link

Default pagination with next previous links.

Pagination with Next/Prev Link & Arrows

Default pagination with next previous icons & text.

Pagination Positions

Use wrapper classes for pagination. To align left, use class .text-left. To align center, use class .text-center. To align right, use class .text-right.

Left Align
Center Align
Right Align

Pagination Sizes

Use class .pagination-lg for large size pagination & use .pagination-sm for small size pagination. For Default size no classes required.

Pagination Sizes With Border