twitter-bootstrap – Twitter Bootstrap – Center Modal Dialog

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – Twitter Bootstrap – Center Modal Dialog前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正试图在屏幕中间居中一个等待屏幕模式对话框.这是我想要改变的模态对话框: http://dotnetspeak.com/2013/05/creating-simple-please-wait-dialog-with-twitter-bootstrap.如何水平和垂直居中?

解决方法

这只是将一些CSS应用于pleaseWaitDialog ID的问题.你必须设置位置:绝对值,margin-top和margin-left需要是高度和宽度的一半.所以你的CSS应该是这样的:
#pleaseWaitDialog {
    width: 400px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -200px;
    padding: 20px;
}

你需要玩这些数字才能达到你想要的盒子大小,但这应该可以让你开始.

猜你在找的Bootstrap相关文章