该Popover插件
该Popover插件是类似工具提示; 这是当用户点击一个元素上会出现一个弹出框。 所不同的是，该popover可包含更多的内容。
提示：插件可以单独包括（用Bootstrap's个体"popover.js"文件），或一次（使用"bootstrap.js"或"bootstrap.min.js"
如何创建Popover
要创建一个popover ，将增加data-toggle="popover"属性的元素。
使用title属性来指定酥料饼的标题文本，并使用data-content属性来指定要在里面显示的文本popover's身体：
<a href="#" data-toggle="popover" title=" Popover
Header" data-content="Some
content inside the popover">Toggle popover</a> 注： Popovers必须使用jQuery初始化：选择指定的元素，并调用popover()方法。
下面的代码将启用所有popovers文件中：
定位Popovers
默认情况下， popover将出现在元件的右侧。
使用data-placement属性来设置的位置popover在顶部，底部，左侧或元件的右侧：
例
<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>
试一试» 提示：您还可以使用数据放置属性，值为"auto" ，这将让浏览器决定的位置popover 。 例如，如果值是"auto left"时， popover将显示在左侧可能时，否则在右边。
关闭Popovers
默认情况下， popover当你在元素上再次单击关闭。 但是，您可以使用data-trigger="focus"的属性，它会关闭popover的元素之外，当点击：
例
<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>
试一试» 提示：如果您想popover当你移到该元素的鼠标指针，使用要显示data-trigger属性，值为"hover" ：
例
<a href="#" title="Header" data-toggle="popover"
data-trigger="hover" data-content="Some content">Hover
over me</a>
试一试» 完成Bootstrap Popover参考
对于所有的完整参考popover选项，方法和事件，请访问我们的Bootstrap JS Popover参考 。