bootstrap 3 模态框垂直居中

分类:Web前端, 发布于 2017-03-06 10:45:22,浏览(464),评论(0)

覆盖部分CSS代码就可实现bootstrap 模态框垂直居中。

代码如下:

.modal.in .modal-dialog{
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    -o-transform:translate(0,-50%);
    transform:translate(0,-50%);
}
.modal-dialog{
    position:absolute;
    width:auto;
    margin:10px auto;
    left:0;
    right:0;
    top:50%;
}
@media (min-width:768px){
    .modal-dialog{
        width:600px;
    }
}
评论: