Jquery 我的工具提示没有'；t与样式和位置一起出现

我在我的网站上使用bootstrap，我想在将鼠标悬停在

元素上时显示工具提示。
以下是我所做的：

 <code id="copystuff" onclick="CopyToClipboard('copystuff')" data-toggle="tooltip" data-placement="top"  title="Click to copy">Text</code>

文本

初始化js:

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

$（文档）.ready（函数（）{ $（'[data toggle=“tooltip”]'）。工具提示（{选择器：'[data toggle=tooltip]'）； }); 当我将鼠标悬停在代码元素上时，将显示工具提示的数据，但不显示样式：

最左边的“单击复制”是工具提示数据，应该出现在给定链接的上方以共享

注意：对于那些认为onclick=“CopyToClipboard（'copystuff'）会导致问题的人来说，删除它并没有帮助

请帮我修一下

---

提前感谢

如果您与我们分享一些工作示例而不是图片，我们将更容易帮助您。请使用css相对于该工具提示div的位置。。。。你能给我发一个演示链接吗？即使是w3schools中的简单代码也不能在fillddle上重现错误。对于我的项目，js工作正常不知道为什么工具箱的引导css不工作如果您与我们共享一些工作示例而不是图像，我们将更容易帮助您。使用css相对于该工具提示div的位置。。。。你能给我发一个演示链接吗？即使是w3schools中的简单代码也不能在fillddle上重现错误。对于我的项目，js运行良好。我不知道为什么工具箱的引导css不工作