how to change the default positioning of modal in bootstrap?

Answer 1

To change the Modal position in the viewport you can target the Modal div id, in this example this id is myModal3

    

  

    

      

        ×
        
Modal title
      
      

        
One fine body…
      
      

        Close
        Save changes
      
    
  



#myModal3 {
top:5%;
right:50%;
outline: none;
overflow:hidden;
}