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

发布时间：2020-12-14 16:38:57 所属栏目：资源来源：网络整理

导读：我一直试图垂直居中Boostrap 3模态对话框而没有成功.怎么能完成？解决方法您可以在Bootstrap 3模式上实现垂直对齐中心,如下所示： .modal-vertical-centered {transform: translate(0,50%) !important;-ms-transform: translate(0,50%) !important; /* IE

我一直试图垂直居中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/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!