使用bootstrap实现悬停显示图片功能

使用Bootstrap的tooltip组件可以实现悬停显示图片的功能。

1. 首先，在HTML中添加一个需要悬停显示图片的元素，例如一个按钮：

<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="<img src='path/to/image.jpg'>">
  Hover me
</button>

2. 在JavaScript中初始化tooltip组件：

$(function () {
  $('[data-toggle="tooltip"]').tooltip({
    html: true
  })
})

这样，当鼠标悬停在按钮上时，就会显示图片。可以通过修改title属性中的HTML代码来更改显示的图片。

需要注意的是，因为Bootstrap的tooltip组件默认会对HTML代码进行转义，所以需要将html选项设置为true才能显示图片。