WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

Bootstrap Pager


In this chapter we discuss Pager

What is Pager?

Pager is called pagination

Pager provides previous and next buttons for link web page.

We can create previous/next buttons, add this code .pager class to an <ul> element:

Example

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

Result:

Try it Yourself »

Align Buttons

We can use this code .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>

Result:

Try it Yourself »