首页 / BOOTSTRAP / Bootstrap模态框修改出现的位置和大小

Bootstrap模态框修改出现的位置和大小

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Bootstrap模态框修改出现的位置和大小，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1887字，纯文字阅读大概需要3分钟。

内容图文

                <!
                DOCTYPE html
                >
                <
                html
                >
                <
                head
                >
                <
                meta 
                charset
                ="utf-8"
                >
                <
                title
                >Bootstrap 实例 - 模态框（Modal）插件事件</title><link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"><script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script><script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script></head><!--修改模态框 出现的位置--><style type="text/css">
    .modal.fade.in{
        top:90px;}</style><body><h2>模态框（Modal）插件事件</h2><!-- 按钮触发模态框 --><button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
    开始演示模态框
</button><!-- 模态框（Modal） --><div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><div class="modal-dialog" style="width:100%;height:100px;"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
                </button><h4 class="modal-title" id="myModalLabel">
                    模态框（Modal）标题
                </h4></div><div class="modal-body">
                点击关闭按钮检查事件功能。
            </div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">
                    关闭
                </button><button type="button" class="btn btn-primary">
                    提交更改
                </button></div></div><!-- /.modal-content --></div><!-- /.modal-dialog --></div><!-- /.modal --><script>
   $(function () { $(‘#myModal‘).modal(‘hide‘)});
</script><script>
   $(function () { $(‘#myModal‘).on(‘hide.bs.modal‘, function () {
      //alert(‘嘿，我听说您喜欢模态框...‘);})   });
</script></body></html>

 

原文：https://www.cnblogs.com/lmg-jie/p/8548318.html

内容总结

以上是互联网集市为您收集整理的Bootstrap模态框修改出现的位置和大小全部内容，希望文章能够帮你解决Bootstrap模态框修改出现的位置和大小所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1099407.html

来源：【匿名】