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

HTML – 如何垂直中心Twitter Bootstrap 3模式?,第1张

概述我一直试图垂直居中Boostrap 3模态对话框而没有成功.怎么能完成? 您可以在Bootstrap 3模式上实现垂直对齐中心,如下所示: .modal-vertical-centered {transform: translate(0, 50%) !important;-ms-transform: translate(0, 50%) !important; /* IE 9 */-webki 我一直试图垂直居中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 >...

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

总结

以上是内存溢出为你收集整理的HTML – 如何垂直中心Twitter Bootstrap 3模式?全部内容,希望文章能够帮你解决HTML – 如何垂直中心Twitter Bootstrap 3模式?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1134451.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存