Javascript 引导工具提示正在初始化但未显示

我正在尝试设置引导工具提示，但它似乎不起作用

<p>This is a <a href="#" title="A collection of words.">sentence</a> with a tooltip</p>​

我已经建立了以下

html似乎转换为以下内容：

<p>This is a <a href="#" data-original-title="A collection of words.">sentence</a> with a tooltip</p>

这是一个带有工具提示的

并呈现工具提示html：

<div class="tooltip fade top in" style="top: -34px; left: 20.5px; display: block; "><div class="tooltip-arrow"></div><div class="tooltip-inner">A collection of words.</div></div>

一组单词。

使用正确的CSS样式：

但它从未在浏览器中显示

---

它确实有效，只是在JSFIDLE中，HTML框之外的所有内容都是隐藏的

更新版本以显示填充：

---

Fred

它确实有效，只是在JSFIDLE中，HTML框之外的所有内容都是隐藏的

更新版本以显示填充：

---

Fred

是否不可能通过添加data placement=“bottom”来将其显示在底部？好的地方-JSFIDLE中的问题是它被iframe隐藏了。我的生产代码和JSFIDLE..Doh之间的细微差别。。。失败！我将有一个关于为什么这不是我的生产代码工作，必须是其他东西。你能给链接吗？或者将代码粘贴到内部SharePoint上检查它，我会看看是否可以在外部复制——虽然我在JSFIDLE中有它，但它抓住了我！很好..是否不可能通过添加data placement=“bottom”将其显示在底部？好的地方-JSFIDLE中的问题是它被iframe隐藏了。我的生产代码和JSFIDLE..Doh之间的细微差别。。。失败！我将有一个关于为什么这不是我的生产代码工作，必须是其他东西。你能给链接吗？或者将代码粘贴到内部SharePoint上检查它，我会看看是否可以在外部复制——虽然我在JSFIDLE中有它，但它抓住了我！好。。

<div class="tooltip fade top in" style="top: -34px; left: 20.5px; display: block; "><div class="tooltip-arrow"></div><div class="tooltip-inner">A collection of words.</div></div>