Delete popup bootstrap 4

Submit By webmaster 2 years ago in bootstrap category
Tags: popup
Delete popup bootstrap 4 with the cancel and delete button.
Preview HTML CSS JavaScript Resources
<div class="container d-flex justify-content-center"> <button type="button" class="btn btn-danger btn-lg" data-toggle="modal" data-target="#deleteModal"> DELETE </button> </div> <!-- Modal --> <div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <div class="container d-flex pl-0"> <img src="https://imgur.com/Kh1gwTq.png"> <h5 class="modal-title ml-2" id="exampleModalLabel">Delete this link?</h5> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> <p class="text-muted">Are you sure you want to proceed?</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-light" data-dismiss="modal">Cancel</button> <button type="button" class="btn btn-danger" data-dismiss="modal">Delete</button> </div> </div> </div> </div>
Bootstrap = 4.6.1

Download Delete popup bootstrap 4 snippet code.

This HTML, CSS, JavaScript and Bootstrap snippet is free (open-source) hence you can use it in your project. You can modify the above editor code and see the live update. You can also download the modify code. Feel free to play with Delete popup bootstrap 4 snippet code. If you like it then don't forget to share this code with your friends.

Free code snippet playground

Let's share the example by using HTML, CSS, JavaScript and Bootstrap.

Add New Snippet