kishiken.comkishiken.combootstrapモーダルmodal.jsでモーダルウィンドウを開くサンプルとオプションの付け方このサンプルの解説ページに戻るモーダルのサイズを変更するclass=”modal-dialog”が付いている個所にmodal-lgのクラスを付けると、幅が広いタイプのモーダルを開く。テスト閉じるタイトル本文ボディ閉じるボタンclass=”modal-dialog”が付いている個所にmodal-smのクラスを付けると、幅が狭いタイプのモーダルを開く。テスト閉じるタイトル本文ボディ閉じるボタン出現アニメーションclass=”modal”が付いている個所にfadeのクラスを省くと、出現アニメーションがなくなる。テスト閉じるタイトル本文ボディ閉じるボタン背景の指定button要素にdata-backdrop=”true”をしているると、背景が黒背景になる。テスト閉じるタイトル本文ボディ閉じるボタンbutton要素にdata-backdrop=”false”をしているると、背景がそのままで、背景クリックしてもモーダルを閉じない。テスト閉じるタイトル本文ボディ閉じるボタンbutton要素にdata-backdrop=”static”をしているると、景が黒背景になり、背景クリックしてもモーダルを閉じない。