Activate the content as a Bootstrap modal

If you want to set content as a Bootstrap modal, then use the .modal(options) method.

On button click, the modal generates as in the following script.

$(document).ready(function(){
  $("#button1").click(function(){
    $("#newModal1").modal({backdrop: true});
  });
});

Above, I have set options as "backdrop:true". Another option, we can set is "backdrop: true" ?

You can try to run the following code to implement the modal("options") class ?

Example

  
    
    
    
    
    
    
  
  
    

      

Sample
      Modal One
      Modal Two

      

         

             

                

                   ×
                   
Sample Modal 1
                
             

                
Click outside to close it.
             
             

                Close
             
         
      
   

  

    

      

        

           ×
           
Sample Modal 2
        
    

       
It won't close on clicking outside.
    
    

       Close