→ Anonymous
→ bootstrap 5 confirm modal

bootstrap 5 confirm modal

This bootstrap css example is contributed by Anonymous, on 23-Dec-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example are popup,dialog

Tags: Modal

Author Anonymous

8.7k

v.5.3

Fork Fullscreen

<div class="container mt-5">
    <button class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#confirmModal">
            Delete Item
        </button>
</div>

<div class="modal fade" id="confirmModal" tabindex="-1" aria-labelledby="confirmModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="confirmModalLabel">Confirm Deletion</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body text-center">
                <i class="fas fa-exclamation-triangle warning-icon"></i>
                <p class="mb-0">Are you sure you want to delete this item?<br>This action cannot be undone.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                        <i class="fas fa-times me-2"></i>Cancel
                    </button>
                <button type="button" class="btn btn-danger" onclick="confirmAction()">
                        <i class="fas fa-trash-alt me-2"></i>Delete
                    </button>
            </div>
        </div>
    </div>
</div>

More Examples

Bootstrap Login Modal
Elegant Login Form

Author:
César Ferreira

1 year ago

5.3k

v.5.3
Login modal

Author:
Prajwal Hallale

2 years ago

7.5k

v.4.6
Bootstrap 5 Login Modal

Author:
Anonymous

1 year ago

15.8k

v.5.3
Success modal

Author:
Alaric Sloane

1 year ago

5.5k

v.5.3
Delete Confirmation Modal

Author:
Alaric Sloane

1 year ago

18.2k

v.5.3
Bootstrap Login Modal
Elegant Login Form

Author:
Mateo Rojas

1 year ago

7.9k

v.5.3
featured product

Author:
Juan Antonio González Hernández

3 months ago

592

v.4.6
Image slider
Image slider with auto-scrolling and with title and description

Author:
Anonymous

1 year ago

8k

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.6k

v.5.3
Elon Musk
nav and footer

Author:
RAHAT RAHMAN OFICIAL

4 weeks ago

257

v.4.6
Navbar Scrollspy

Author:
java stories story

8 months ago

2.1k

v.5.3
siam service list items section
saervice list

Author:
MD Siam Miya

4 weeks ago

206

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent