我一直在尝试垂直居中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 */
}
<div class="modal-dialog modal-vertical-centered">
...
jsFiddle的工作示例: http://jsfiddle.net/U4NRx/
以上是需要翻译的内容,请查收。 <style>
.modal-vertical-centered {
display: flex;
align-items: center;
}
</style>
<div class="modal fade modal-vertical-centered" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">