.fullscreen-modal, .bigmodal classes for bootstrap proposed by ohmycode on github. Have to test this in bootstrap 3.4.
/* 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;
}