BootStrap dialog 居中的解决方案

背景

接手了一个古董项目，项目不是前后分离，所以页面需要自己做，由于有个需求是需要弹一个dialog,所以参照项目中之前的代码，之前的代码是用的BootStrap3 ，我照猫画虎的做完，发现dialog倒是能弹出来，但是弹的位置很不让人满意，由于本人不怎么懂前端代码，然后网上一通搜，试了很多，没有一个能够解决我的问题。
最后实在没有办法，只能拿出我祖传三百年的大杀器，谷歌搜索。我输入相关英文，第一个就是stackoverflow上的问题，于是按照上面的大神的方法，果然有效，有一说一，真香。

Bootstrap 代码

    

        

            

                ×
                
                
模板审核
            
            

                
                
                

                    

                        模板编号
                        

                            
                        
                    
                    

                        商户系统
                        

                            
                        
                    
                    

                        内容
                        

                             
                        
                    
                    

                        类型
                        

                            
                        
                    
                    

                        运营商
                        

                            
                            
                        
                    
                    

                        运营商模板Id
                        

                            
                        
                    
                
            
            

                关闭
                通过
            
        
    

解决方法

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

width,height 可以根据实际需要调整

参考

stackoverflow