배경.

골동품 프로젝트를 인수했습니다. 프로젝트는 앞뒤로 분리되지 않기 때문에 페이지는 스스로 만들어야 합니다. 다이어로그를 쳐야 하기 때문에 프로젝트 중의 이전 코드를 참조합니다. 이전 코드는 Boot Strap3을 사용했습니다. 제가 고양이를 따라 호랑이를 그렸는데 다이어로그가 튀어나올 수 있다는 것을 발견했습니다. 그런데 튕기는 위치가 마음에 들지 않았습니다. 본인이 앞부분 코드를 잘 몰라서 인터넷에서 검색을 했는데 많이 해봤습니다.나의 문제를 해결할 수 있는 사람은 하나도 없다.결국 어쩔 수 없이 내 조상 300년 대살기를 꺼내 구글에서 검색할 수밖에 없었다.제가 관련 영어를 입력했는데 첫 번째는 Stackoverflow의 문제입니다. 그래서 위의 대신의 방법에 따라 과연 효과가 있습니다. 하나는 정말 향기롭습니다.
Bootstrap 코드

    

        

            

                ×
                
                
템플릿 감사
            
            

                
                
                

                    

                            
                        

                            
                        
                    
                    

                            
                        

                            
                        
                    
                    

                          
                        

                             
                        
                    
                    

                          
                        

                            
                        
                    
                    

                           
                        

                            
                            
                        
                    
                    

                             Id
                        

                            
                        
                    
                
            
            

                  
                  
            
        
    

해결 방법

 .modal-dialog {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            width:600px;
            height:500px;
        }

width,height는 실제 수요에 따라 조정할 수 있다

참고 자료

stackoverflow