The bootstrap pager is a form of pager nation when applied to an unordered list.
The pager class creates previous and next buttons as shown in this HDMI page
we can see in the HMO code that it was created by starting with the open Ultra and applying a class
attribute set to pager.
Next we create our two list items for the previous and next link we can add a previous and next class
to the list item to align each button at the sides of the parent element.
So in this case the parent is the container.
Right now you'll see you'll notice that the that the buttons are central line.
But if we wanted them aligned to the edges of the container we can add
the previous class
and next class
so just save that and refresh the page and you can see there that the buttons are now at the edges.