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: