1
00:00:00,640 --> 00:00:05,690
The bootstrap pager is a form of pager nation when applied to an unordered list.

2
00:00:05,860 --> 00:00:10,290
The pager class creates previous and next buttons as shown in this HDMI page

3
00:00:13,050 --> 00:00:20,440
we can see in the HMO code that it was created by starting with the open Ultra and applying a class

4
00:00:20,470 --> 00:00:23,230
attribute set to pager.

5
00:00:23,290 --> 00:00:33,090
Next we create our two list items for the previous and next link we can add a previous and next class

6
00:00:33,090 --> 00:00:37,980
to the list item to align each button at the sides of the parent element.

7
00:00:39,590 --> 00:00:43,010
So in this case the parent is the container.

8
00:00:43,070 --> 00:00:49,080
Right now you'll see you'll notice that the that the buttons are central line.

9
00:00:49,250 --> 00:00:53,900
But if we wanted them aligned to the edges of the container we can add

10
00:00:57,120 --> 00:00:58,290
the previous class

11
00:01:00,820 --> 00:01:02,160
and next class

12
00:01:10,540 --> 00:01:15,410
so just save that and refresh the page and you can see there that the buttons are now at the edges.