大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – Bootstrap 3模态垂直位置中心,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
>当你不知道模态的确切高度时,如何将模态垂直放在中心?
>是否可能有模态中心和溢出:auto在模态体,但只有模态超过屏幕高度吗?
我已经尝试使用这:
.modal-dialog { height: 80% !important; padding-top:10%; } .modal-content { height: 100% !important; overflow:visible; } .modal-body { height: 80%; overflow: auto; }
.modal { text-align: center; } @media screen and (min-width: 768px) { .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }
并调整一点点.fade类,以确保它出现在窗口的顶部边框之外,而不是中心
以上是大佬教程为你收集整理的twitter-bootstrap – Bootstrap 3模态垂直位置中心全部内容,希望文章能够帮你解决twitter-bootstrap – Bootstrap 3模态垂直位置中心所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。