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

Labelling the pagination component

The pagination component should be wrapped in a <nav> element to identify it as a navigation section to screen readers and other assistive technologies. For example, if the pagination component is used to navigate between a set of search results, an appropriate label could be aria-label="previous".

Below have options that you can use with pagination :

Pagination options	Class	Description
Separated Pagination	.pagination-separate	Pagination with space between each pagination links
Pagination Sizes	.pagination-[lg/sm]	Large and small pagination styles.

Refer following links for usage:

Type	URL
Bootstrap Page	https://getbootstrap.com/docs/4.1/components/pagination/
Template Page	https://pixinvent.com/demo/convex-bootstrap-admin-dashboard-template/demo-1/components-pagination.html