實現效果如上圖，當滑鼠放置到名字上時，則顯示出內容詳情。

實現具體過程如下：

1、需要加這句js

<!--實現滑鼠放置名字上顯示氣泡說明的js-->
<script>
        $(function () {
        $('[data-toggle="popover"]').popover()
      });
</script>

2、html程式碼如下：

<td>
<a href="#" data-trigger="hover" title="此處可輸入題目" data-container="body" data-toggle="popover" data-placement="right"  data-content="此處是氣泡顯示內容的變數">變數名稱</a>
</td>

這樣就可以實現氣泡效果了，還是挺有意思的一個小效果。