bootstrap实现点击按钮弹出遮罩,弹出确认按钮

 实现的效果如

复制以下代码可直接使用

<button type="button" class="btn btn-success" data-toggle="modal" data-target="#deleteModal"><i
            class="glyphicon glyphicon-circle-arrow-up"></i>&ensp;同步全部数据
    </button>
    <div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">×</span></button>
                    <h4 class="modal-title" id="deleteModalLabel">确认框</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label class="control-label">提示消息</label>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal">确认</button>
                </div>
            </div>
        </div>
    </div>

猜你喜欢

转载自blog.csdn.net/weixin_44912855/article/details/109726838