我一直在尝试将 Bootstrap 3 模态对话框垂直居中,但没有成功。如何实现?
最佳答案
您可以像这样在 Bootstrap 3 模态上实现垂直居中:
.modal-vertical-centered {
transform: translate(0, 50%) !important;
-ms-transform: translate(0, 50%) !important; /* IE 9 */
-webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */
}
并将此 css 类添加到“modal-dialog”容器
<div class="modal-dialog modal-vertical-centered">
...
jsFiddle 工作示例:http://jsfiddle.net/U4NRx/
关于html - 如何垂直居中 Twitter Bootstrap 3 模态?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19041701/