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 - Bootstrap Tutorial
From the course: Bootstrap 4 Essential Training
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
-
-
(Locked)
Interactive component overview1m 24s
-
(Locked)
Add tooltips7m 21s
-
(Locked)
Display popovers5m 20s
-
(Locked)
Create alerts4m 14s
-
(Locked)
Use dropdowns8m 15s
-
(Locked)
Add collapse accordions12m
-
(Locked)
Use modals12m 3s
-
(Locked)
Build carousels13m 37s
-
(Locked)
Use scrollspy6m 56s
-
(Locked)
Toasts6m 10s
-
(Locked)
Spinners5m 34s
-
(Locked)
Pagination3m 21s
-
(Locked)
Stretched links3m 11s
-
(Locked)
Embeds3m 9s
-
(Locked)
-