What is Pager?

 

Pager is also a form of pagination (as described in the previous chapter).

​

Pager provides previous and next buttons (links).

​

To create previous/next buttons, add the .pager class to an <ul> element:

​

EXAMPLE:

​

<ul class="pager">
  <li><a href="#">Previous</a></li>
  <li><a href="#">Next</a></li>
</ul>

​

​

Align Buttons

​

Use the .previous and .next classes to align each button to the sides of the page:

 

EXAMPLE:

​

<ul class="pager">
  <li class="previous"><a href="#">Previous</a></li>
  <li class="next"><a href="#">Next</a></li>
</ul>

​