基于bootstrap 模态框的警告框

基于bootstrap 模态框的警告框
1，导入bootstrap 插件，
2，jsp中的警告框代码:

<div class="modal fade " id="myAlert" style="z-index:2000; ">
        <div class="modal-backdrop in" style="z-index:1900"></div>
        <div class="modal-dialog" style="z-index:1901; margin-top:10%; ">
            <div class="modal-content">
                <div class="modal-header" >
                    警告！
                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                </div>
                <div class="modal-body text-center" id="myAlertContent">

                </div>
            </div>
        </div>
    </div>

3，如果要显示警告模态框， 只需要引用js中的函数 即可：

/*我自己的弹框（基于 bootstrap）*/
function myAlert(info){
    $("#myAlertContent").text(info);
    $("#myAlert").modal("show");
}