javascript - ブートストラップツールチップは初期化されていますが表示されていません

Question

Bootstrap Tool Tipsを設定しようとしていますが、機能していないようです。

<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/

フレッド