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/

弗雷德