中心未显示Bootstrap 2的模态插件 [英] Modal plugin of Bootstrap 2 is not displayed by the center
本文介绍了中心未显示Bootstrap 2的模态插件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我使用引导模态插件.但是模式对话框不会显示在中心. 为什么?我的错误?
I use bootstrap modal plugin. But modal dialog is not shown in center. Why? my mistake?
http://dl.dropbox.com/u/573972/stackoverflow/bootstrap/modal .html
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>test</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- CSS-->
<link rel="stylesheet" href="bootstrap.min.css">
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
</head>
<body>
<div id="login" class="modal">
<div class="modal-header">
<h3>Login to Room fuga</h3>
</div>
<div class="modal-body">
hogehoge
</div>
</div>
<script src="bootstrap.min.js">
</script>
<script>
$('#login').modal();
</script>
</body>
</html>
推荐答案
我发现此工作环境可解决此问题:
I found this workarround to fix this issue:
$('#YourModal').modal().css(
{
'margin-top': function () {
return -($(this).height() / 2);
}
})
来源: https://github.com/twitter/bootstrap/issues/374
这篇关于中心未显示Bootstrap 2的模态插件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文