デフォルト ≪ ツールチップ ≪ JavaScript ≪ Bootstrap3日本語リファレンス

デフォルトのツールチップのサンプル。

ツールチップを表示させたい要素のdata-toggle属性にtooltipを指定、title属性にツールチップの内容を指定する。
自前のJavaScriptコードで初期化する必要がある。

サンプル

ソースコード

html

<p>
	<a href="#" data-toggle="tooltip" title="ツールチップ（デフォルト）">サンプル・リンク</a>
	｜
	<span data-toggle="tooltip" title="ツールチップ（デフォルト）">サンプル・テキスト</span>
	｜
	<button type="button" class="btn btn-default" data-toggle="tooltip" title="ツールチップ（デフォルト）">サンプル・ボタン</button>
</p>

JavaScript

$(function () {
	$('[data-toggle="tooltip"]').tooltip();
});