Bootstrap 4 Modal |
Let's see an example,
<div class="container"> <h3> <a href="https://primestudyhub.blogspot.com/search/label/Bootstrap%204" target="_blank">Bootstrap 4 Modal - Basic</a></h3> <hr/> <!-- Button to Open the Modal --> <button type="button" class="btn btn-warning" data-toggle="modal" data-target="#demoModal"> Open modal </button><!-- The Modal --> <div class="modal" id="demoModal"> <div class="modal-dialog"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <h4 class="modal-title">Your Modal Heading</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <!-- Modal body --> <div class="modal-body"> Your Modal body.. </div> <!-- Modal footer --> <div class="modal-footer"> <button type="button" class="btn btn-success" data-dismiss="modal">Save</button> <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div> </div>
Comments