如何在Bootstrap的弹出窗口中显示一些图像

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

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <!-- 弹出窗口的内容 -->
    </div>
  </div>
</div>

<div class="modal-content">
  <div class="modal-header">
    <h5 class="modal-title" id="myModalLabel">弹出窗口标题</h5>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body">
    <img src="path/to/image.jpg" alt="图像描述">
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
  </div>
</div>

<script src="path/to/jquery.min.js"></script>
<script src="path/to/bootstrap.min.js"></script>