Javascript插件--模态框（Bootstrap）

通过data属性API调用所有的Bootstrap插件
可以通过$(document).off('.data-api')方法关闭

通过
var bootstrapButton = $.fn.button.noConflict()
$.fn.bootstrapBtn = bootstrapButton
方法解除与其他框架的命名空间冲突

创建一个模态窗口<div class="modal fade" id="modal-1" aria-hidden="true" role="dialog" aria-labelledby="ModalLabel">        <div class="modal-dialog">            <div class="modal-content">                <div class="modal-header">                    <h2 class="modal-title" id="ModalLabel">Modal title</h2>                        <button class="btn close" type="button" data-dismiss="modal" aria-hidden="true">&times;</button>                </div>                <div class="modal-body">                    It's a modal dialog;                </div>                <div class="modal-footer">                    <button type="button" class="btn-default" data-dismiss="modal">Close</button>                    <button type="button" calss="btn-primary" >OK</button>                </div>            </div>        </div>    </div>

也可以这么调用：$('#myModal').modal(options)