Bootstrap에서 모달의 너비와 높이를 변경하고 싶습니다. 모달의 최대 너비를 900px로 설정하려면 어떻게해야합니까? 모달의 최대 높이를 화면 높이에서 패딩 20px를 뺀 값으로 설정하려면 어떻게해야합니까?
이 코드를 사용했습니다.
.modal-dialog {
width: 100%;
max-width: 900px;
height: calc(100vh - 40px);
}
그러나 작동하지 않습니다.
수직 및 수평 중앙에 있어야합니다.
이미 모달 창이 position
ed relative
이므로 다음을 사용할 수 있습니다.
.modal-dialog {
width: auto;
height: auto;
position: fixed;
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
}
.modal-dialog .modal-content {
height: 100%;
}
위의 CSS는 모달을 fixed
제자리에 10px
놓고 4면 의 오프셋에서 보이게합니다 .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다