モーダルのサンプル

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

イベントの使用例

解説はこちら。

モーダルを開く前にアラートが起動（`show.bs.modal`）

See the Pen Bootstrap4のshow.bs.modalの使用例 by cccabinet (@cccabinet) on CodePen.

モーダルを開いたらアラートが起動（`shown.bs.modal`）

See the Pen Bootstrap4のshown.bs.modalの使用例 by cccabinet (@cccabinet) on CodePen.

モーダルを閉じる前にアラートが起動（`hide.bs.modal`）

See the Pen Bootstrap4のhide.bs.modalの使用例 by cccabinet (@cccabinet) on CodePen.

モーダルを閉じたらアラートが起動（`hidden.bs.modal`）

See the Pen Bootstrap4のhidden.bs.modalの使用例 by cccabinet (@cccabinet) on CodePen.