微信PK10平台开发与Bootstrap 模态框

目前bootstrap的版本是3.x,在当前版本微信PK10平台开发[企俄:2152876294] 网址diguaym.com
中对于bootstrap modal(模态框)没有提供垂直居中的属性。

如果想让modal再垂直方向居中,目前需要自己处理。

方案1. 在modal显示成功后,重置margin-top的位置

<div class="modal " id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button class="close" data-dismiss='modal'>×</button>
<h4 class="modal-title">测试模态框标题</h4>
</div>
<div class="modal-body">
<p>内容…</p>
</div>
<div class="modal-footer">
<button class="btn btn-default" data-dismiss='modal'>关闭</button>
</div>
</div>

    </div>
</div>

<button class="btn btn-primary" data-toggle='modal' data-target='#myModal'>
    点击测试弹框

猜你喜欢

转载自blog.51cto.com/13932397/2162316
今日推荐