bootstrap close modal code example

Example 1: jquery close bootstrap model

$('#modal').modal('hide');

Example 2: data-dismiss= modal in jquery

$(document).ready(function(){
        // Open modal on page load
        $("#myModal").modal('show');
 
        // Close modal on button click
        $(".btn").click(function(){
            $("#myModal").modal('hide');
        });
    });

Example 3: close bootstrap modal with javascript

$('#myModal').modal('hide');

Example 4: bootstrap modal

  Launch demo modal




  

    

      

        
Modal title
        
          ×
        
      
      

        ...
      
      

        Close
        Save changes
      
    
  

Example 5: bootstrap modal prevent close

$('#myModal').modal({backdrop: 'static', keyboard: false})

Example 6: modal dismiss

  Launch demo modal




  

    

      

        
Modal title
        
          ×
        
      
      

        ...
      
      

        Close
        Save changes