So now what I'm going to do is that I'm going to add pagination to this page.
So here I'm going to hit by nation where the there will be a here a a bar that displays the number of
pages, pages we have where each each page will contain a few products will contain like 16 or more
products.
So let me show you how you can do that.
First of all, in the shop that each email at the bottom at the end above above the dev, above this
level and below the last belongs the last product, which is this product, the last product below their
last brought below their last product.
Here I'm going to use both bootstrap to create that pagination.
So I'm going to say here now and then I'm going to give this now first area label.
I'm going to say area and label a label page.
Navigation.
Example.
And then inside that nav bar, I'd say that nav, we want to use you on our unordered list and convert
this unordered list into a pagination bar.
So in order to do that, we need to use a bootstrap class called pagination.
I'm going to say less.
And then badging.
Mission.
And then I'm going to give this pagination margin top five and inside it I'm going to explain the number
of links that we want.
So I'm going to say Ally and for the first day I am going to give it a class, I'm going to a class
and that class is going to be page item.
And in saying this, we want links.
So I'm going to here a link.
And for this link we want to give it again a C+.
I'm going to say class.
And that class would be age link.
Age link.
And then I'm going to say here, if.
And for the first link, I'm going to say previous or the first link here, I'm going to say previous
here, previous, and then I'm going to copy this link up, pasted five times.
I'm going to be here and here and here and here.
And then the second one is going to be one.
The second one is going to be here.
One.
And then the third one is going to be two and then three.
And the last one is going to say mixed.
Next, let me now save and let's head it over to the browser to test.
So if the browser if I refresh, as you can see, we will have this pagination
bar that's being displayed here at the bottom of the page, which looks amazing.
And notice that it's, it's important to add it above the section and above the tab inside the just
below for the last product.