bootstrap模态框靠近触发

以下是使用Bootstrap实现模态框靠近触发的方法：

1. 在触发模态框的按钮上添加data属性，指定目标模态框的ID，例如：

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

2. 在模态框的HTML代码中，添加以下class：

<div class="modal-dialog modal-dialog-centered">

这将使模态框在屏幕中垂直和水平居中。

3. 如果您想要模态框靠近触发按钮，可以使用JavaScript来实现。在模态框的show.bs.modal事件中，获取触发按钮的位置，然后将模态框的位置设置为该位置。例如：

$('#myModal').on('show.bs.modal', function (e) {
  var button = e.relatedTarget; // 获取触发模态框的按钮
  var modal = $(this);
  modal.css('display', 'block'); // 显示模态框
  modal.css('top', button.offsetTop + 'px'); // 设置模态框的top位置
  modal.css('left', button.offsetLeft + 'px'); // 设置模态框的left位置
});

这将使模态框出现在触发按钮的位置。