Bootstrap Pager

Bootstrap Pager

A pager is also a form of pagination.

• Pager provides previous and next buttons (links).
• To create previous or next buttons, add the .pager class to an <ul> element.

Example:

<div class="container">
 <h2>bootstrap Pager</h2>               
 <ul class="pager">
  <li><a href="#">Previous</a></li>
  <li><a href="#">Next</a></li>
 </ul>
</div>

OUTPUT:

Align Buttons:

.previous and .next classes use to align each button to the sides of the web page.

Example:

<div class="container">
 <h2>Align Buttons</h2>   
 <ul class="pager">
  <li class="previous"><a href="#">Previous</a></li>
  <li class="next"><a href="#">Next</a></li>
 </ul>
</div>

OUTPUT: