Bootstrap Popover 插件
Popover 插件
Popover 插件类似于工具提示; 它是一个弹出框，当用户点击元素时出现。区别在于弹出框可以包含更多内容。
提示: 插件可以单独包含（使用 Bootstrap 的单独“popover.js”文件），也可以全部包含（使用“bootstrap.js”或“bootstrap.min.js”）。
如何创建弹出框
要创建弹出框，请在元素中添加data-toggle="popover"属性。
使用title属性指定弹出框的标题文本，并使用data-content属性指定应在弹出框主体内部显示的文本
<a href="#" data-toggle="popover" title="Popover Header" data-content="Some content inside the popover">Toggle popover</a>
注意: 弹出框必须使用 jQuery 初始化：选择指定的元素并调用popover()方法。
以下代码将启用文档中的所有弹出框
定位弹出框
默认情况下，弹出框将出现在元素的右侧。
使用data-placement属性设置弹出框在元素顶部、底部、左侧或右侧的位置
示例
<a href="#" title="Header" data-toggle="popover" data-placement="top" data-content="Content">Click</a>
<a href="#" title="Header" data-toggle="popover" data-placement="bottom" data-content="Content">Click</a>
<a href="#" title="Header" data-toggle="popover" data-placement="left" data-content="Content">Click</a>
<a href="#" title="Header" data-toggle="popover" data-placement="right" data-content="Content">Click</a>
自己试试 »
提示: 你也可以使用data-placement属性，其值为“auto”，这将允许浏览器决定弹出框的位置。例如，如果值为“auto left”，则弹出框将在可能的情况下显示在左侧，否则显示在右侧。
关闭弹出框
默认情况下，当您再次点击元素时，弹出框会关闭。但是，您可以使用data-trigger="focus"属性，它将在点击元素外部时关闭弹出框
示例
<a href="#" title="Dismissible popover" data-toggle="popover" data-trigger="focus" data-content="Click anywhere in the document to close this popover">Click me</a>
自己试试 »
提示: 如果您希望弹出框在鼠标指针移过元素时显示，请使用data-trigger属性，其值为“hover”
示例
<a href="#" title="Header" data-toggle="popover" data-trigger="hover" data-content="Some content">Hover over me</a>
自己试试 »
完整的 Bootstrap 弹出框参考
有关所有弹出框选项、方法和事件的完整参考，请访问我们的Bootstrap JS 弹出框参考.
