弹出框控件类似于提示框，它在鼠标点击到元素后显示，与提示框不同的是它可以显示更多的内容。
核心属性：
| data-toggle = "popover" | 定义触发此元素会执行弹出窗 |
| title = "弹窗标题" | 弹出窗的标题，不支持html格式。可以不包含此属性 |
| data-content = "弹窗内容" | 弹出窗的内容，不支持html格式。建议包含此属性 |
| data-placement = "{left | top | right | bottom}" | 弹出窗拉于执行元素的位置 |
| data-trigger= "{ focus | hover }" |
不设置此属性时，通过点击执行元素显示或关闭弹出窗 data-trigger = "focus" 时，点击页面其它处时，关闭弹出窗 data-trigger = "hover" 时，鼠标移到执行元素时显示弹出窗，移开时关闭弹出窗 |
HTML代码：
1 <a href="#" title="这是<i>标</i>题" data-toggle="popover" data-trigger="focus" data-content="这是<strong>内容</strong>" data-placement="left">点我左侧弹出，点击空白处关闭弹窗</a>
JS代码开启效果：
1 $(document).ready(function(){ 2 $(‘[data-toggle="popover"]‘).popover(); 3 });
原文：https://www.cnblogs.com/wm218/p/10860259.html