百度模态框

<div id="mymodal" class="modal fade bs-example-modal-sm" data-backdrop="static">

        <div class="modal-dialog modal-sm">

            <div class="modal-content">

                <!-- 模态框的标题 -->

                <div class="modal-header">

                    <!-- 关闭按钮 -->

                    <!-- data-dismiss="modal" 必须要和data-toggle="modal"对应 data-是boostrap的一等api -->

                    <button class="close" data-dismiss="modal">&times;</button>

                    <h4 class="modal-title">登录百度账号</h4>

                </div>

                <!-- 是模态框的主体的内容 -->

                <div class="modal-body">

                    <div class="form-group">

                        <input type="text" class="form-control" placeholder="手机/邮箱/登录名">

                    </div>

                    <div class="form-group">

                        <input type="text" class="form-control" placeholder="密码">

                    </div>

                    <div class="form-group">

                        <input type="checkbox" id="a"> <label for="a">下次自动登录</label>

                    </div>

                </div>

                <div class="modal-footer">

                    <button class="btn btn-primary" style="width:100%;">登录</button>

                </div>

            </div>

        </div>

    </div>

    <button class="btn btn-primary login">登录</button>

    <script src="./js/jquery-1.12.4.js"></script>

    <script src="./js/bootstrap.js"></script>

    <script>

        $('.login').click(function () {

            $('.modal').modal();

        })

    </script>