→ 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

467

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

2 months ago

190

v.5.3
Floating Card-Style Pagination

Author:
Levi Treadwell

2 months ago

325

v.5.3
Minimal Pagination

Author:
Levi Treadwell

2 months ago

291

v.5.3
HTML, CSS, and JavaScript for Multi-layer Dropdown Header
HTML: Added dropdown-submenu class to handle nested dropdowns. CSS: Dropdown Submenu: Positioned to the right of the parent dropdown. JavaScript: Event Listeners: Added to show and hide nested dropdowns on mouse enter and leave. How to Use: Create an header.html file and paste the updated code into it. Include Bootstrap and Font Awesome if needed for styling and icons.

Author:
zobaidul kaziex

5 months ago

403

v.4.6
Bootstrap Tabs with Gradient

Author:
Prajwal Hallale

2 months ago

279

v.5.3
About Section

Author:
Anonymous

4 months ago

279

v.5.3
Bootstrap Image Gallery

Author:
Anonymous

10 months ago

1.2k

v.3.4
Gradient Buttons

Author:
Prajwal Hallale

11 months ago

816

v.5.3
Vertical Stepper (Interactive)
Stepper component with Navigation buttons

Author:
Aisha Bello

2 months ago

1.1k

v.5.3
Rotating Navigation Animation
Rotating Navigation Animation

Author:
Rami AlAjo

6 days ago

93

v.4.6
Toggle switches

Author:
Anonymous

10 months ago

594

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

Author:
Anonymous

2 months ago

419

v.5.3

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