写一个模态框

最新推荐文章于 2024-10-18 11:12:30 发布

向沙托夫问好

最新推荐文章于 2024-10-18 11:12:30 发布

阅读量69

点赞数

文章标签： javascript 前端 html vue.js css

本文链接：https://blog.csdn.net/weixin_42600407/article/details/129575967

版权

好的。

要创建一个模态框，需要使用 HTML、CSS 和 JavaScript。

HTML 代码：

<!-- 模态框按钮 -->
<button type="button" data-toggle="modal" data-target="#myModal">Open Modal</button>

<!-- 模态框 -->
<div class="modal" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">

      <!-- 模态框头部 -->
      <div class="modal-header">
        <h4 class="modal-title">Modal Title</h4>
        <button type="button" class="close" data-dismiss="modal">&amp;times;</button>
      </div>

      <!-- 模态框主体 -->
      <div class="modal-body">
        Modal body text goes here.
      </div>

      <!-- 模态框底部 -->
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
      </div>

    </div>
  </div>
</div>