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/

佛瑞德