[英]How to vertically center the bootstrap modal?
我对此并不陌生。实际上,我已经尝试了所有可用的解决方案,所以,我在问这个问题。
我的模型CSS是
#orphanModal{
.modal-body{
min-height: 450px;
margin-bottom: 10px;
}
.modal-footer {
margin: 0;
padding: 8px 14px;
font-size: 14px;
font-weight: 400;
background: #f1f1f1;
border-top: 1px solid #e0e0e0;
border-radius: 6px;
}
.modal-dialog{
width: 700px;
}
.modal-close, .modal-close:hover{
color: #000000;
font-weight: bolder;
font-size: 24px;
}
.modal-header{
height: 60px;
}
}
我的模型是我们从bootstarp站点获取的默认模型。 谁能告诉我我的CSS怎么了?
我试过了
.modal-dialog {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) !important;
}
也一样 但没有运气。 谢谢。
要垂直对齐任何东西,在这种情况下可以使用模式:
.modal{
position: relative;
top: 50;
transform: translateY(-50%);
}
注意:如果父元素具有相对位置,则此方法有效。
当您同时调整大小时,这将使元素对齐。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.