bootstrapでモーダルダイアログを呼び出す
bootstrapでモーダルダイアログを出す
bootstrapは結構どこのサイトでも頻繁に使わてているcssフレームワークなのでモーダルの出し方は多くのサイトで取り上げられています。
例えば下記のサイト
<!-- 1.モーダル表示のためのボタン --> class="btn btn-primary" data-toggle="modal" data-target="#modal-example" モーダルダイアログ表示 <!-- 2.モーダルの配置 --> class="modal" id="modal-example" tabindex="-1" class="modal-dialog" <!-- 3.モーダルのコンテンツ --> class="modal-content" <!-- 4.モーダルのヘッダ --> class="modal-header" type="button" class="close" data-dismiss="modal" aria-hidden="true"× class="modal-title" id="modal-label"ダイアログ <!-- 5.モーダルのボディ --> class="modal-body" ここに内容を書く <!-- 6.モーダルのフッタ --> class="modal-footer" type="button" class="btn btn-default" data-dismiss="modal"閉じる type="button" class="btn btn-primary"保存
ただ注意点?なのかモーダルの中の文字はstyle ="color:black"
のように色をつけてやらないと見えなくなっちゃう可能性があります。
詳しく自分のサイトで調べてはいないので、なんとも言えないのですが、他のcssフレームワークとかも当てた時は確実に色をつけないと見えなくなるかも!