css .fullscreen-modal，.bigmodal类for bootstrap由ohmycode在github上提出。必须在bootstrap 3.4中测试这个。

Posted 2021-05-13

/* Source: https://github.com/eternicode/bootstrap-bigmodal/issues/3 */

/* fullscreen modal without margin*/

.fullscreen-modal {
top: 0;
left: 0;
margin-left: 0;
width: 100%;
height: 100%;
border: none;
}

.modal.fullscreen-modal.fade.in {
top: 0%;
}

.fullscreen-modal .modal-body {
position: absolute;
top: 50px;
bottom: 50px;
left: 0;
right: 0;
max-height: none;
}

.fullscreen-modal .modal-footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}

/* Big modal with visible margin */

.big-modal {
top: 5%;
left: 5%;
margin-left: 0;
width: 90%;
height: 90%;
}

.modal.big-modal.fade.in {
top: 5%;
}

.big-modal .modal-body {
position: absolute;
top: 50px;
bottom: 50px;
left: 0;
right: 0;
max-height: none;
}

.big-modal .modal-footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}