BootStrap dialog 居中的解决方案

背景

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

Bootstrap 代码


解决方法

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

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

参考

stackoverflow

你可能感兴趣的:(前端)