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)