Boomerang UI Kit - Free Bootstrap Framework by Webpixels

Pagination

Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.

Open Bootstrap Docs

<nav aria-label="Page navigation example">
    <ul class="pagination">
        <li class="page-item"><a class="page-link" href="#"><i class="fas fa-angle-left"></i></a></li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item active"><a class="page-link" href="#">2</a></li>
        <li class="page-item"><a class="page-link" href="#">3</a></li>
        <li class="page-item"><a class="page-link" href="#">4</a></li>
        <li class="page-item"><a class="page-link" href="#">5</a></li>
        <li class="page-item"><a class="page-link" href="#">6</a></li>
        <li class="page-item"><a class="page-link" href="#"><i class="fas fa-angle-right"></i></a></li>
    </ul>
</nav>

Additional Class Reference

.pagination-lg: Apply to .pagination to increase the size of navigation items