just add nav element and add ul with .pagination and .page-item to each li.

Working with icons

We can add left and right arrow icons to pagination by adding aria-label="Previous" to first and last li.

Disabled and active states

Just add .disabled or active to any li element.


Just add .pagination-lg, .pagination-sm to ul element to get multiple sized pagination.


Just add .justify-content-left, .justify-content-center, justify-content-end to ul element to align pagination.

Copyright © 2018 konnectcode. All rights reserved.