デフォルト ≪ ポップオーバー ≪ JavaScript ≪ Bootstrap3日本語リファレンス

デフォルトのポップオーバーのサンプル。

サンプル

「サンプル・ボタン」をクリックすると、ボタンの右横にポップオーバーが現れる。「サンプル・ボタン」を再度クリックすると消える。

ソースコード

html

<button type="button" class="btn btn-default" data-toggle="popover" title="ポップオーバーのタイトル" data-content="ポップオーバーの内容。">サンプル・ボタン</button>

JavaScript

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