bootstarp数据表格怎么用鼠标悬浮事件触发模态框

监听mouseover事件，当事件触发时根据bootstrap官网的api进行调用触发模态框就好了。

BootStrap模态框链接

btn.addEventListener('mouseover', () => {

    $('#myModal').modal('show')

}, false)

在Bootstrap中，可以使用`.list-group-item`类设置列表组中的列表项效果。鼠标悬停在列表项上时，可以使用`.active`类来添加交互效果。

例如，下面的代码演示了如何使用Bootstrap创建一个带有鼠标悬停交互效果的列表组：

```html

<div class="list-group">

<a href="#" class="list-group-item active">

Cras justo odio

</a>

<a href="#" class="list-group-item">Dapibus ac facilisis in</a>

<a href="#" class="list-group-item">Morbi leo risus</a>

<a href="#" class="list-group-item">Porta ac consectetur ac</a>

<a href="#" class="list-group-item">Vestibulum at eros</a>

</div>

```

在上面的代码中，`.list-group`类用于创建列表组，而`.list-group-item`类用于设置列表项的样式。当鼠标悬停在列表项上时，`.active`类会添加到该列表项上，从而产生交互效果。

如果需要修改交互效果的样式，可以使用CSS样式来修改`.active`类的样式。

---