tooltip的效果为什么不能实现呢

来源:2-1 如何开始使用Bootstrap

weibo_幸福长大了_0

2016-07-19 15:50

<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button> <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button> <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button> <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>

我将这部分代码复制了 为什么没有相应的效果,该加的CSS文件和JS文件已经添加,位置也对的,就是提示信息并不是在相应的位置出现

写回答 关注

1回答

  • 慕粉3560522
    2016-07-19 17:49:36

    添加如下js代码

    <script type="text/javascript">

       $(function () { $("[data-toggle='tooltip']").tooltip(); });

    </script>

    注:按钮要和body之间有一定距离,要不然也不会出现提示

    weibo_...

    这段初始化代码我有加的 可还是不能在上下左右显示?

    2016-07-20 16:49:42

    共 1 条回复 >

基于bootstrap的网页开发

Bootstrap框架的基础教程,学会用Bootstrap前端框架搭建网页

187669 学习 · 734 问题

查看课程

相似问题