引导工具提示css不工作

我试图让工具提示工作，这是顺便说一句，但没有CSS应用于工具提示的原因不明。由于整个网站在bootstrap本身（Wordpress插件）中运行良好，所以我对这个项目感到很抓狂

代码如下

<a href="tel:<?php echo $phone;  ?>" data-toggle="tooltip" title="<?php echo $phone; ?>"  data-placement="bottom">
    <span class="fa-stack fa-lg">
        <i class="fa fa-circle fa-stack-2x fa-inverse"></i>
        <i class="fa fa-phone fa-stack-1x"></i>
    </span> 
</a>

工具提示在“我的屏幕”的左侧显示为未设置样式（而它应位于项目下方）未设置样式。我的引导插件是最新的，运行的是css版本（v3.3.6），所以我想知道是否有一个关于引导工具提示的外部表单我需要得到

---

它没有说：

确保项目中包含bootstrap.js或bootstrap.min.js

你能试试下面的吗

请插入此javascript代码

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

$（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）
});

并在Html文件中添加此Html部分

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

右侧的工具提示

---

有时候你只需要调用它，然后找到一个不同的解决方案。我不明白为什么它不会出现（所以事实上，它可能不在那个引导版本中），所以我用一点简单的css编写了我自己的工具提示。这不是我想要的解决方案，但它最终解决了我的问题

感兴趣的

.tooltip {
    position: relative;
    display: inline-block;
    font-size: 16px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
     position: absolute;
     z-index: 1;
    width: 120px;
    top: 100%;
     left: 50%; 
     margin-left: -60px; 
    font-size: 12px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

以及修改后的代码

<a href="tel:<?php echo $phone;  ?>" class="tooltip">
    <span class="tooltiptext"><?php echo $phone; ?></span>
    <span class="fa-stack fa-lg">
        <i class="fa fa-circle fa-stack-2x fa-inverse"></i>
        <i class="fa fa-phone fa-stack-1x"></i>
    </span> 
</a>

---

您必须将bootstrap.min.js放在jquery-ui.js之后！ 就这些

在HTML/代码中还包括“bootstrap tooltip.js”

<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tooltip.js"></script>

尝试使用

数据原始标题

而不是

标题
如何包含引导样式表-
这里有一个例子：@Pugazh是我脑海中的第一行
是的，我已经从cloudflare中找到了它。你甚至测试过吗
//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min‌​.css
？它不存在，URL错误。很容易100%地复制问题。如果您使用有效的CDN，如
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
，然后它就如预期的那样工作了。这怎么可能呢，因为我的其他引导元素工作正常。这个插件不允许我更改cdn，所以我不得不在本地工作，这给了我完全相同的东西。这是一个毫无意义的回答，因为老实说，我有你写的同样的内容，并且已经告诉你，我的css和javascript引导已经很好地工作了。至于你的问题@Leothelion，
$
只不过是javascript中的
Jquery
术语（拼写较短），而
$（document）.ready（）
意味着一切完成后将执行它loaded@Dorvalla这意味着你没有得到我的评论。我为回答者做的这两个都是一样的，这取决于你使用哪一个，所以我说有什么区别。。所以这不是给你的。@Leothelion，对不起，我误解了你的问题。@Dorvalla，没问题的朋友：）在本例中，我甚至不使用jquery ui作为工具提示，但它因此崩溃。谢谢。讨厌的错误。
<script type="text/javascript" src="path/jquery.js"></script>
<script type="text/javascript" src="path/jquery-ui.js"></script>
<script type="text/javascript" src="path/bootstrap.min.js"></script>

<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tooltip.js"></script>