页面自动加载bootstrap的模态框

来源:互联网 发布:saas平台多租户 mysql 编辑:程序博客网 时间:2024/06/04 20:51

<!--这三个引用的路径根据自己的对应作修改 bootstrap下载路径http://v3.bootcss.com/getting-started/#download -->

<link href="css/bootstrap/bootstrap.css" rel="stylesheet" type="text/css"/>

<script src="js/jquery/jquery2.1.1.js"></script>

<script src="js/bootstrap/bootstrap.js" type="text/javascript"></script>

<script type="text/javascript">
    $(function(){
         $("#myModal").modal({
            keyboard: true
        });
    });
</script>

<body>

<div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" >
            <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">
                        标题
                    </h4>
                </div>
                <div class="modal-body">
                    内容
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default"
                            data-dismiss="modal">关闭
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

</body>

原创粉丝点击