bootstrap4弹出框

使用 Bootstrap 4 弹出框的方法如下：

1. HTML 结构中，添加一个按钮，用于触发弹出框：

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">打开弹出框</button>

2. 添加一个弹出框的容器，并设置弹出框的样式：

<div class="modal fade" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">

      <!-- 弹出框头部 -->
      <div class="modal-header">
        <h4 class="modal-title">弹出框标题</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>

      <!-- 弹出框主体 -->
      <div class="modal-body">
        弹出框内容
      </div>

      <!-- 弹出框底部 -->
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">关闭</button>
      </div>

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

3. 引入 Bootstrap 的 JavaScript 文件：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/popper.js/2.9.3/umd/popper.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>

这样，一个基本的 Bootstrap 4 弹出框就完成了。可以通过修改弹出框容器的样式，来调整弹出框的外观和布局。