popup modal bootstrap 4 code example

Example 1: bootstrap modal

  Launch demo modal




  

    

      

        
Modal title
        
          ×
        
      
      

        ...
      
      

        Close
        Save changes
      
    
  

Example 2: bootstrap 4 modal

  Launch demo modal




  

    

      

        
Modal title
        
          ×
        
      
      

        ...
      
      

        Close
        Save changes
      
    
  

Example 3: html data-target modal

$('#myModal').modal('show')

Example 4: modal in bootstrap 4

$('#myModal').modal('toggle')

Example 5: bootstrap 4 start modal in modal

var modal_lv = 0;
$('.modal').on('shown.bs.modal', function (e) {
    $('.modal-backdrop:last').css('zIndex',1051+modal_lv);
    $(e.currentTarget).css('zIndex',1052+modal_lv);
    modal_lv++
});

$('.modal').on('hidden.bs.modal', function (e) {
    modal_lv--
});