bootstrap模态框

来源：互联网发布：五子棋雾化器最佳数据编辑：程序博客网时间：2024/06/16 07:19
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><link rel="stylesheet" type="text/css" href="css/bootstrap.css"><!--使用自己的文件--><script type="text/javascript" src="js/jquery.min.js"></script><!--使用自己的文件--><script type="text/javascript" src="js/bootstrap.js"></script><!--使用自己的文件--></head><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">        <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 --></div></body></html>
阅读全文
0 0