`

Bootstrap工具提示

 
阅读更多
tooltips-and-popovers-finish.html 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>工具提示</title>
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet"
	type="text/css">
<!--[if lt IE 9]>
      <script src="../bootstrap/js/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
	 <h1 class="page-header">工具提示</h1>
  
 	 <p><a title="这是一个提示信息" rel="tooltip" href="#">Tooltip</a></p>
  	 <p><a title="这是标题" data-content="这是提示的主要内容" rel="popover" href="#">Popover</a></p>
</div>


<script src="../bootstrap/js/jquery-1.7.2.min.js"></script>
<script src="../bootstrap/js/bootstrap.js"></script>
<script>
	$("a[rel=tooltip]").tooltip()
	$("a[rel=popover]").popover()
</script>
</body>
</html>
分享到：
| Bootstrap旋转木马
评论
发表评论

您还没有登录,请您登录后再发表评论

Global site tag (gtag.js) - Google Analytics