→ Anonymous
→ Pagination

Pagination

This bootstrap css example is contributed by Anonymous, on 22-Jul-2024. Component is made with bootstrap css v.5.3. It is responsive.

Tags: Pagination

Author Anonymous

595

v.5.3

Fork Fullscreen

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">

<div class="container mt-5">
    <nav aria-label="Page navigation example">
        <ul class="pagination justify-content-center">
            <li class="page-item disabled">
                <a class="page-link" href="#" tabindex="-1" aria-disabled="true">
                    <i class="bi bi-chevron-double-left"></i>
                </a>
            </li>
            <li class="page-item"><a class="page-link" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item active" aria-current="page">
                <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="#">
                    <i class="bi bi-chevron-double-right"></i>
                </a>
            </li>
        </ul>
    </nav>
</div>

More Examples

Gradient Pagination

Author:
Levi Treadwell

3 months ago

298

v.5.3
Floating Card-Style Pagination

Author:
Levi Treadwell

3 months ago

496

v.5.3
Minimal Pagination

Author:
Levi Treadwell

3 months ago

389

v.5.3
Calender

Author:
Anonymous

8 months ago

536

v.4.6
Animated hero section

Author:
Anonymous

1 year ago

2.3k

v.5.3
404 made with bootstrap
error page template with boostrap

Author:
Anonymous

3 months ago

566

v.5.3
Pricing Cards
Three pricing tiers (Basic, Pro, and Enterprise) using Bootstrap's card component.

Author:
Sofia Petrova

8 months ago

786

v.5.3
Progress bars
Progress bar variations

Author:
Reza Farhadi

7 months ago

404

v.5.3
Image gallery in bootstrap
Responsive Image gallery

Author:
Mateo Rojas

3 months ago

1.2k

v.5.3
Animated Pricing Card with Bootstrap 5

Author:
Reza Farhadi

6 months ago

372

v.5.3
Bootstrap 5 Image Gallery

Author:
Anonymous

8 months ago

4k

v.5.3
About us section

Author:
Kemaya m

1 year ago

538

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent

BootstrapExamples From the makers of tailwindflex.com

BootstrapExamples is a free library offering a diverse range of Bootstrap CSS components. Developed by the community, it's open for anyone to use.

Contacts

Email:

[email protected]

Links

Search

Resources

Free Tailwind CSS Components Free CSS Components

© 2025 BootstrapExamples. All Rights Reserved.

v1.3