Bootstrap3のモーダルウィンドウの使い方。 Bootstrap3ではクリックするとポップアップウィンドウが表示される、モーダルコンポーネントが搭載されています。メッセージやフォームの入力、大きいサイズの画像の表示など様々な用途に使用可能。 構造は少し複雑ですが、基本的な要素を押さえればそれほど難しくないので使ってみてください。 Bootstrap3 モーダルの使い方 モーダルの構造は大きく分けて、呼び出しボタンとモーダル本体の2つ。 呼び出しボタンはdata-toggleとdata-targetのみ。本体は複雑な構造になってますが、.modal > .modal-dialog > .modal-contentの中にヘッダー、フッター、コンテンツが入るだけなのでテンプレートとして覚えておくと便利です。 また、.modalclassに.fadeをつけることでフェードインアニメーションを
![Bootstrap3 Modals modal.jsの簡単な使い方](https://cdn-ak-scissors.b.st-hatena.com/image/square/c31027ee14d67a1e8a94d46a857b88f67804a2db/height=288;version=1;width=512/https%3A%2F%2Ftetra-themes.com%2Fwp-content%2Fuploads%2F2017%2F01%2Fbootstrap3-tag.png)