bootstrap4模态框双击弹出效果

要实现双击弹出模态框的效果，可以使用jQuery来实现。首先，需要给双击的元素绑定一个双击事件，然后在事件处理函数中打开模态框。

以下是一个示例代码：

HTML代码：

<button class="btn btn-primary" id="myBtn">双击弹出模态框</button>

<div class="modal fade" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">模态框标题</h5>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <div class="modal-body">
        <p>模态框内容</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>

JavaScript代码：

$(document).ready(function(){
    $("#myBtn").dblclick(function(){
        $("#myModal").modal();
    });
});

在上面的代码中，我们使用了jQuery的`dblclick()`方法来绑定双击事件，然后在事件处理函数中调用了Bootstrap的`modal()`方法来打开模态框。

请注意，要使用jQuery和Bootstrap的前提是需要在页面中引入它们的库文件。