Bootstrap3
日本語リファレンス

広告

デフォルト


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

  1. ポップオーバーを表示させたい要素のdata-toggle属性にpopoverを指定、title属性にポップオーバーの内容を指定する。
  2. 自前のJavaScriptコードで初期化する必要がある。

サンプル
ソースコード

html

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

JavaScript

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

広告
広告