devbox
Cpp五条
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

模态框_javaee注册模态框

作者：Cpp五条 | 2024-02-14 18:01:28

赞

踩

javaee注册模态框
  1. <span style="font-size:14px;"><!DOCTYPE html>
  2. <html>
  3. <head>
  4.    <title>Bootstrap 实例 - 模态框（Modal）插件</title>
  5.    <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  6.    <script src="/scripts/jquery.min.js"></script>
  7.    <script src="/bootstrap/js/bootstrap.min.js"></script>
  8. </head>
  9. <body>
  10.  
  11. <h2>创建模态框（Modal）</h2>
  12. <!-- 按钮触发模态框 -->
  13. <button class="btn btn-primary btn-lg" data-toggle="modal" 
  14.    data-target="#myModal">
  15.    开始演示模态框
  16. </button>
  17.  
  18. <!-- 模态框（Modal） -->
  19. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" 
  20.    aria-labelledby="myModalLabel" aria-hidden="true">
  21.    <div class="modal-dialog">
  22.       <div class="modal-content">
  23.          <div class="modal-header">
  24.             <button type="button" class="close" 
  25.                data-dismiss="modal" aria-hidden="true">
  26.                   ×
  27.             </button>
  28.             <h4 class="modal-title" id="myModalLabel">
  29.                模态框（Modal）标题
  30.             </h4>
  31.          </div>
  32.          <div class="modal-body">
  33.             在这里添加一些文本
  34.          </div>
  35.          <div class="modal-footer">
  36.             <button type="button" class="btn btn-default" 
  37.                data-dismiss="modal">关闭
  38.             </button>
  39.             <button type="button" class="btn btn-primary">
  40.                提交更改
  41.             </button>
  42.          </div>
  43.       </div><!-- /.modal-content -->
  44. </div><!-- /.modal -->
  45.  
  46. </body>
  47. </html></span>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/blog/article/detail/80937
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号