Holla Tech - Learn
Bootstrap 3: Pager [/su_quote] 

Pager refers to pagination in the form of previous and next buttons.

To create pager using Bootstrap, create a <ul> element with pager class. Next, add two <li> elements for Previous and Next buttons.

For Example: 

<div class=“container”>
  <ul class=“pager”>
    <li><a href=“#”>Previous</a></li>
    <li><a href=“#”>Next</a></li>
  </ul>
</div>

 

To align the previous (next) buttons to the left (right) of the screen, use the previous (or next) class for the respective <li> element.

For Example:

<div class=“container”>
  <ul class=“pager”>
    <li class=“previous”><a href=“#”>Previous</a></li>
    <li class=“next”><a href=“#”>Next</a></li>
  </ul>
</div>

 

 

TASK:
Paste the Line of Codes into a text editor and play around with the outputs. 

BACK NEXT

CLICK ON THE BUTTON BELOW TO RETURN TO THE BOOTSTRAP 3 MAIN COURSE PAGE. 

BOOTSTRAP 3 MAIN COURSE PAGE

 


© License: All Rights Reserved 


CONTACT HOLLA TECH – LEARN SUPPORT