bootstrap 的js组件怎么用？

Dyan

27323054

发布于
2017-10-09

agui1989

4.6k16153196

更新于
2017-10-09

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

图片描述

bootstrap html

阅读 3.2k

3 个回答

程序媛花花

✓ 已被采纳

引入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>