gpt4 book ai didi

twitter-bootstrap - Bootstrap 弹出窗口

转载 作者:行者123 更新时间:2023-12-03 09:22:03 25 4
gpt4 key购买 nike

我不确定 boostrap 是如何实现 popover 的。
我已经包含了 bootstrap.js,它有一个名为 Popover(大写 P)的函数,但在他们的示例中,他们使用:

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

现在,他们说它需要包含工具提示,但我不知道这意味着什么。
他们的示例都包含一堆 .js 文件,我认为实际上它们都打包在一起。

由于我正处于概念验证阶段,我正试图让它第一次正常工作,所以我不关心文件大小或缓存。

最佳答案

Here's a pretty simple example :

<html> 
<head>
<link href="http://w3resource.com/twitter-bootstrap/twitter-bootstrap-v2/docs/assets/css/bootstrap.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="well">
<a href="#" id="example" class="btn btn-success" rel="popover" data-content="It's so simple to create a tooltop for my website!" data-original-title="Twitter Bootstrap Popover">hover for popover</a>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://w3resource.com/twitter-bootstrap/twitter-bootstrap-v2/js/bootstrap-tooltip.js"></script>
<script src="http://w3resource.com/twitter-bootstrap/twitter-bootstrap-v2/js/bootstrap-popover.js"></script>
<script>
$(function (){
$("#example").popover();
});
</script>
</body>
</html>

该示例还包括您需要的工具提示 JavaScript。只需查看页面的来源。

关于twitter-bootstrap - Bootstrap 弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11993903/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com