Pagination

  1. Home
  2. Components
  3. Pagination
Bootstrap Cards Buttons Extended

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

Dynamic Pagination

We are using jQuery Pagination plugin. This jQuery plugin simplifies the usage of Bootstrap Pagintion. It uses appropriate classes: .pagination, .active and .disabled.

Default Pagination

You are on page 1

    Default Pagination with last & first

    You are on page 1

      Pagination drop you here after reload

      Warning! Page will be reload.
      You are on page 1

        Set Start Page Of Pagination

        Your start Page 5