→ 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

2.7k

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

Floating Card-Style Pagination

Author:
Levi Treadwell

1 year ago

3.3k

v.5.3
Gradient Pagination

Author:
Levi Treadwell

1 year ago

1.7k

v.5.3
Minimal Pagination

Author:
Levi Treadwell

1 year ago

1.5k

v.5.3
bootstrap 5 confirm modal

Author:
Anonymous

1 year ago

9.3k

v.5.3
Social media buttons
Beautiful and simple social media buttons

Author:
Maria Garcia

2 years ago

4.9k

v.5.3
Mobile App Landing Page with Bootstrap 5

Author:
Ankit khedkar

1 year ago

3.4k

v.5.3
Clean hero section with image
tugas

Author:
Anonymous

1 year ago

1.5k

v.5.3
Elegant Profile Card
showcasing user or team member profiles in a professional and visually appealing manner. The profile card includes an avatar, name, position, and a short bio, along with social media icons for easy connectivity

Author:
Prajwal Hallale

2 years ago

9.3k

v.5.3
Responsive Bootstrap Navbar with Mobile Toggle and Remix Icons
This responsive Bootstrap 5 navbar features a clean and modern design, enhanced with Remix Icons for login and cart functionality. It includes a desktop navigation layout with a logo, links, search bar, and action buttons, while the mobile version adapts seamlessly with a toggle menu. Ideal for e-commerce or multipage websites seeking a sleek and user-friendly header layout.

Author:
Talha Abdullah Bangyal

1 year ago

3.9k

v.5.3
service list
do not copy

Author:
Fitar Ahmed

2 months ago

766

v.4.6
Collapsible Sidebar

Author:
Anonymous

1 year ago

6.1k

v.5.3
Pulsing Button

Author:
Prajwal Hallale

2 years ago

4.7k

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

© 2026 BootstrapExamples. All Rights Reserved.

v1.3