Elements

Pagination

Style 1

1
2
3
4


<div class="pagination">
    <ul class="m-0">
        <li><a href="#!"><i class="fas fa-long-arrow-alt-left"></i></a></li>
        <li class="active"><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="#!"><i class="fas fa-long-arrow-alt-right"></i></a></li>
    </ul>
</div>

Style 2

1
2
3
4


<ul class="pagination justify-content-center d-block d-sm-flex text-center text-sm-start">
    <li><a class="previous page-numbers" href="#!"><i class="fa fa-angle-double-left"></i></a></li>
    <li><span aria-current="page" class="page-numbers current">1</span></li>
    <li><a class="page-numbers" href="#!">2</a></li>
    <li><a class="page-numbers" href="#!">3</a></li>
    <li><a class="page-numbers" href="#!">4</a></li>
    <li><a class="next page-numbers" href="#!"><i class="fa fa-angle-double-right"></i></a></li>
</ul>

Quick Question?