モーダルダイアログ サンプルページ
これは Bootstrap4 を使用した モーダルダイアログ の動くサンプルです。
詳しい解説は 記事をお読みください。
記事に戻る
このHTMLファイルをダウンロードする
① 標準のモーダルを表示する
タイトル
×
これは 標準のモーダルダイアログです。
② 垂直方向中央寄せのモーダルを表示する
タイトル
×
これは 垂直方向の中央寄せが適用されたモーダルダイアログです。
③ アニメーションを無効にしたモーダルを表示する
タイトル
×
これは アニメーションを無効にしたモーダルダイアログです。
④ 大きいサイズのモーダルを表示する
これは 大きいサイズのモーダルダイアログです。
⑤ 小さいサイズのモーダルを表示する
これは 小さいサイズのモーダルダイアログです。
(C) 2018
総合サービス WEB開発備忘録
.