HTML – 如何垂直中心Twitter Bootstrap 3模式?

前端之家收集整理的这篇文章主要介绍了HTML – 如何垂直中心Twitter Bootstrap 3模式?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直试图垂直居中Boostrap 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类添加到“模态对话框”容器中

<div class="modal-dialog modal-vertical-centered">
...

jsFiddle工作示例:http://jsfiddle.net/U4NRx/

原文链接:https://www.f2er.com/html/227137.html

猜你在找的HTML相关文章