bootstrap 的js组件怎么用?

发布于 2022-09-06 00:13:44 字数 349 浏览 12 评论 0

我想用一下这个bootstrap的工具提示的这个组件,在官网上的例子上复制过去的代码(button那一行),为什么没效果,是只要引入bootstrap.js就行了吗?是这么用的吗?
图片描述

图片描述

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

梦年海沫深 2022-09-13 00:13:44

引入bootstrap 的css文件没有
我直接用data-toggle="tooltip"没有显示出来效果,用js 触发可以显示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css">
    <title>Title</title>
</head>
<body>
<h4>提示工具(Tooltip)插件 - 锚</h4>
<a href="#" data-toggle="tooltip" title="Example tooltip">请悬停在我的上面</a>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script>
    $(function () {
        $("[data-toggle='tooltip']").tooltip();
    });
</script>
</body>
</html>
面犯桃花 2022-09-13 00:13:44

应该要单独引一个组件的js吧,就像是bootstrap-tooltip.js

怀中猫帐中妖 2022-09-13 00:13:44

bootstrap的css也要引入

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文