bootstrap中模态框的使用

1.代码:

    <%--登录模态框--%>
            <li><a href="#" data-toggle="modal" data-target=".bs-example-modal-lg">登录</a></li>
            <!-- Large modal -->
            <div id="lgId" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog"
                 aria-labelledby="myLargeModalLabel">
                <div class="modal-dialog modal-lg " role="document">
                    <div class="modal-content motai">
                        <%--登录相关信息--%>
                        <button type="button" class="btn btn-default remove" onclick="loadPage()">
                            <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                        </button>
                        <div class="myDiv1">
                            <div class="micro-class">微辅导</div>
                            <br/>
                            <div class="loginTest">
                                邮箱:<input type="text" id="email"/>
                                <br/><br/>
                                密码:<input type="password" id="passWord"/>
                                <br/><br/>
                                <button onclick="loginData()">登录</button>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
View Code

2.使用说明:

js调用这个模态框:

function methodName(){

$('#lgId').modal('show');

}

 

posted @ 2018-07-03 15:14  邓维-java  阅读(168)  评论(0编辑  收藏  举报