Bootstrap2、Modal（モーダルボックス）を使う

■about

Bootstrap2、Modal（モーダルボックス）を使う方法

■code

必要ファイル

<link rel="stylesheet" href="./bootstrap.css">
<script src="./jquery.min.js"></script>
<script src="./bootstrap-modal.js"></script>
<script src="./bootstrap-transition.js"></script>

html

<div class="modal" id="myModal">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3>Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<a href="#" class="btn btn-primary">Save changes</a>
<a href="#" class="btn">Close</a>
</div>
</div>

JavaScript

$('#myModal').modal('show')

■reference

Bootstrap でModal（モーダルボックス）を使う方法
http://www.webantena.net/bootstrap/plugin-modal/

Twitter Bootstrap使い方-javascript-v2.0.4
http://php-fan.org/sample_code_demo/bootstrap-js.html#modals

ブログ：図書館合金: BootstrapのModal使う時は data-keyboard="false" にしておく
http://uedatakeshi.blogspot.jp/2014/02/bootstrapmodal-data-keyboardfalse.html