Bootstrap 使用弹出框（Popover）插件的用法演示。
Bootstrap 使用弹出框（Popover）插件的用法演示。
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8"> 5
<title>Bootstrap 实例 - 弹出框（Popover）插件</title>6
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">7
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>8
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>9
</head>10
<body>11
12
<div class="container" style="padding: 100px 50px 10px;" >13
<button type="button" class="btn btn-default" title="Popover title" 14
data-container="body" data-toggle="popover" data-placement="left" 15
data-content="左侧的 Popover 中的一些内容">16
左侧的 Popover17
</button>18
<button type="button" class="btn btn-primary" title="Popover title" 19
data-container="body" data-toggle="popover" data-placement="top" 20
data-content="顶部的 Popover 中的一些内容">21
顶部的 Popover22
</button>23
<button type="button" class="btn btn-success" title="Popover title" 24
data-container="body" data-toggle="popover" data-placement="bottom" 25
data-content="底部的 Popover 中的一些内容">26
底部的 Popover27
</button>28
<button type="button" class="btn btn-warning" title="Popover title" 29
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java