本文共 700 字，大约阅读时间需要 2 分钟。

一、弹出框（Popover）与工具提示（Tooltip）类似。如需激活弹出框，用户只需把鼠标悬停在元素上即可。弹出框的内容完全可使用 Bootstrap 数据 API（Bootstrap Data API）来填充。该方法依赖于工具提示（tooltip）。有以下两种用法：

1、通过data属性：添加一个弹出框（popover），只需向一个锚/按钮标签添加 data-toggle="popover"

   请悬停在我的上面

2、通过 JavaScript 启用弹出框（popover）：

$('#identifier').popover(options)

$(function () { $("[data-toggle='popover']").popover(); });

下面是一些弹出框（Popover）插件中有用的方法：

html与js代码

		
   	
   		
   
    
    				左侧的 Popover	    
    				顶部的 Popover		
    				底部的 Popover		
    				右侧的 Popover		
    
	
    
	
    
	
    
	
    
	
    
	
    
		 Popover 	
	
    
   

下表列出了弹出框（Popover）插件中要用到的事件。这些事件可在函数中当钩子使用。