ポップオーバーのサンプル

「HTML」「CSS」「JS」の各タブを押すとコードが記載されているので、それをコピーしてお使い下さい。

その他の使用例

ポップオーバーが複数行に渡る場合

●デフォルト

See the Pen Bootstrap4複数行に渡るポップオーバー by cccabinet (@cccabinet) on CodePen.

●`white-space:nowrap` 付き

See the Pen Bootstrap4複数行に渡るポップオーバー（white-space:nowrap付き） by cccabinet (@cccabinet) on CodePen.

※bootstrap.css には、デフォルトで .popover-body に max-width: 200px; が設定されているが、上記のCSSを実行するとすべてのポップオーバーが1行で表示される（個別のポップオーバーのみを1行表示させるのは難しい）。