网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
今天教给大家如何对Bootstrap 模态框垂直居中处理,希望大家耐心学习哦。
目前bootstrap的版本是3.x,在当前版本中对于bootstrap modal(模态框)没有提供垂直居中的属性。
如果想让modal再垂直方向居中,目前需要自己处理。
方案1. 在modal显示成功后,重置margin-top的位置
<p class="modal " id="myModal">
<p class="modal-dialog">
<p class="modal-content">
<p class="modal-header">
<button class="close" data-dismiss='modal'>×</button>
<h4 class="modal-title">测试模态框标题</h4>
</p>
<p class="modal-body">
<p>内容…</p>
</p>
<p class="modal-footer">
<button class="btn btn-default" data-dismiss='modal'>关闭</button>
</p>
</p>
</p>
</p>
<button class="btn btn-primary" data-toggle='modal' data-target='#myModal'>
点击测试弹框
</button>