Bootstrap工具提示正在初始化但未显示

Question

我正在尝试设置Bootstrap工具提示，但似乎没有用。

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

和

$(document).ready(function(){
    $("a").tooltip();
});​

我已经建立了以下jsFiddle

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样式：

但是它永远不会显示在浏览器中吗？

Answer 1

它确实起作用，只是在jsfiddle中，HTML框之外的所有内容都被隐藏了。

更新版本以显示填充： http : //jsfiddle.net/ytpAy/3/

弗雷德