Pagination

Indicates a series of related content exists across multiple pages. Please see the official Bootstrap documentation for a full list of options.

Pagination

Results 39

See Markup Example

<div class="row align-items-center">
    <div class="col">
        <h4 class="m-0">Results 39</h4>
    </div>
    <div class="col">
        <ul class="pagination justify-content-end mb-0">
            <li class="page-item">
                <a class="page-link" href="#">
                    <span class="ti ti-chevrons-left"></span>
                </a>
            </li>
            <li class="page-item">
                <a class="page-link" href="#">
                    <span class="ti ti-chevron-left"></span>
                </a>
            </li>
            <li class="page-item active">
                <a class="page-link" href="#">1</a>
            </li>
            <li class="page-item">
                <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="#">
                    <span class="ti ti-chevron-right"></span>
                </a>
            </li>
            <li class="page-item">
                <a class="page-link" href="#">
                    <span class="ti ti-chevrons-right"></span>
                </a>
            </li>
        </ul>
    </div>
</div>