Pagination

• Posted: December 17, 2015
• / By: Magda
• / In:

To add pagination, use the simple HTML markup:

CSS

<nav> <ul class="pagination"> <li><a href="#" aria-label="Previous"><i class="fa fa-long-arrow-left"></i>Prev</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#" aria-label="Next">next<i class="fa fa-long-arrow-right"></i></a></li> </ul> </nav>

1 2 3 4 5 6 7 8 9 10 11

<nav>   <ul class="pagination">     <li><a href="#" aria-label="Previous"><i class="fa fa-long-arrow-left"></i>Prev</a></li>     <li><a href="#">1</a></li>     <li><a href="#">2</a></li>     <li><a href="#">3</a></li>     <li><a href="#">4</a></li>     <li><a href="#">5</a></li>     <li><a href="#" aria-label="Next">next<i class="fa fa-long-arrow-right"></i></a></li>   </ul> </nav>

Pagination