/    /  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:

 

Bootstrap4 Pager

 

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:

 

Bootstrap4 Pager