Bootstrap默认的弹出框(popover)

弹出框的实现：
1.向某个标签添加data-toggle="popover"
2.通过 JavaScript 启用弹出框(popover):$(function (){$("[data-toggle='popover']").popover({});});

实例如下：

1. html部分如下：

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="left" data-content="我是弹出框的内容">
  Popover on 左侧
</button>

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="top" data-content="我是弹出框的内容">
  Popover on 顶部
</button>

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="我是弹出框的内容">
  Popover on 底部
</button>

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="right" data-content="我是弹出框的内容">
  Popover on 右侧
</button>

data-placement=" " 后面可以跟top/bottom/left/right四个值，
data-content=" " 后面跟弹出框的内容,

2. js部分如下：

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