bootstrap模态框的简单使用demo

来源：互联网发布：上海逸晗网络编辑：程序博客网时间：2024/05/17 16:03
<!DOCTYPE html><html lang="zh-cn">  <head>    <meta charset="utf-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1">    <title>bootstrap模态框demo</title>    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">  </head>  <body>    <h2>创建模态框（Modal）</h2><!-- 按钮触发模态框 --><button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#register">    开始演示模态框</button><div class="modal fade in"   id="register" >                <div class="modal-dialog modal-lg">              <div class="modal-content">                <div class="modal-header">                    <button class="close" data-dismiss="modal">&times;</button>                    <h3 class="modal-title">标题</h3>                </div>                <div class="modal-body">                    <p>正文</p>                </div>                <div class="modal-footer">                    <button class="btn btn-info" data-dismiss="modal">关闭</button>                </div>              </div>            </div>          </div>    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>    <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>  </body></html>
0 0