ツールチップのサンプル
「HTML」「CSS」「JS」の各タブを押すとコードが記載されているので、それをコピーしてお使い下さい。
その他の使用例
ツールチップが複数行に渡る場合
●デフォルト
See the Pen Bootstrap4複数行に渡るツールチップ by cccabinet (@cccabinet) on CodePen.
●white-space:nowrap 付き
See the Pen ツールチップが複数行に渡る場合 by cccabinet (@cccabinet) on CodePen.
※bootstrap.css には、デフォルトで .tooltip-inner に max-width: 200px; が設定されているが、上記のCSSを実行するとすべてのツールチップが1行で表示される（個別のツールチップのみを1行表示させるのは難しい）。