From the course: Bootstrap 4 Essential Training

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Pagination

Pagination - Bootstrap Tutorial

From the course: Bootstrap 4 Essential Training

Start my 1-month free trial

Pagination

- [Instructor] Pagination is a typical component you see on webpages and applications and it's pretty easy to use in Bootstrap. You essentially create a nav item because a pagination is essentially a nav type of element and inside that you create an unordered list with a class of pagination on the UL and then in each LI you add a page-item, optionally you can add a class of disabled or active whether you want the link not to be able to be clickable in the case of disabled which would be maybe when you're at the last page and you can't go any further or you can add a class of active to create a different style for maybe the current page. Inside that you create an anchor tag with a class of page-link and then you simply include an href that takes you to the proper link on the website. So let's take a look at how we do that. Here I have sort of the beginnings of what your navigation look like. We create a nav container and then create an unordered list, it could really be an ordered list…

Contents