在Bootstrap中的第二个模态框后面删除

时间:2014-12-10 05:08:54

标签: twitter-bootstrap model-view-controller

我有一个使用Bootstrap的模态,当我按下一个按钮habre一个小的第二个模态,当打开第二个模态模式阻止第一个但第二个模态后面几乎覆盖整个第二个模态的表格显示为删除图片?

代码:

<div aria-hidden="false" style="display: block;" id="stack2" class="modal fade in" tabindex="-1"><div class="modal-backdrop fade in"></div>
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                                            <h4 class="modal-title">Stack Two</h4>
                                        </div>
                                        <div class="modal-body">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <h4>Some Input</h4>
                                                    <p>
                                                        <input class="col-md-12 form-control" type="text">
                                                    </p>
                                                    <p>
                                                        <input class="col-md-12 form-control" type="text">
                                                    </p>
                                                    <p>
                                                        <input class="col-md-12 form-control" type="text">
                                                    </p>
                                                    <p>
                                                        <input class="col-md-12 form-control" type="text">
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" data-dismiss="modal" class="btn">Close</button>
                                            <button type="button" class="btn yellow">Ok</button>
                                        </div>
                                    </div>
                                </div>
                            </div>

jsFiddle http://jsfiddle.net/fs8qL3oq/

0 个答案:

没有答案