Bootstrap 4 Pagination classThe best example is showing 10 records per page out of total 49 records. All records can be displayed by using 5 pages with navigational link to visit any page. Read more on backend script for paging and database details in our PHP section here.
For the screen readers it is better to wrap the list within a NAV tag and add area-label. Here is the code.
Disabled & ActiveThe link with current page should have active class and if we are at the last page then the link showing Next page should have class disabled ( un clickable ).Similarly if are at the first page then the link showing previous page should be disabled or un-clickable. DEMO : Disable Active class with code Sizing the items
Alignment of itemsWe can place the item links at left , center or at right by using justify-content-center or justify-content-endDEMO :Changing Alignment to left, center or right with code DEMO : Pagination with database records
BootstrapBoostrap Alert
This article is written by plus2net.com team.
| ||||||
Most Popular JQuery Scripts | |
1 | Two dependant list boxes |
2 | Calendar with Date Selection |
3 | Data change by Slider |
4 | Show & Hide element |