Bootstrap模态冻结页面

Question

我在网上搜索了这个问题的答案，这个问题最接近我自己。 Bootstrap Modal popping up but has a "tinted" page and can't interact

我正在使用bootstrap创建一个管理页面，我在那里使用模态。 造型采用Bootswatch主题完成。 当使用一些主题，打开一个模态时，模态出现在一个有色页面中，一切都冻结了。我必须刷新页面才能再次摆脱它。

我试图在结束前将模态移动到页面底部 </body>
标签。 什么都行不通！

奇怪的是，用＃34; Basic＆＃34; bootstrap css，它有同样的问题。 有一些Bootswatch主题可以正常工作，还有一些其他人会解决这个问题。

我在jsFiddle中制作了示例：http://jsfiddle.net/qyo53dxh/ 这是与＃34; Paper＆＃34;来自bootswatch的主题。 当使用ie＆＃34; United＆＃34;主题，它确实正常工作。

发生了什么事？

Answer 1

你的小提琴你正在导入bootstrap.css和bootstrap.min.css？

请删除 的 bootstrap.css

一切都很好。

<div class="modal fade forget-modal" tabindex="-1" role="dialog" aria-labelledby="myForgetModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">×</span>
                    <span class="sr-only">Sluiten</span>
                </button>
                <h4 class="modal-title">Wachtwoord resetten</h4>
            </div>
            <div class="modal-body">
                <p>Typ uw email adres</p>
                <input type="email" name="recovery-email" id="recovery-email" class="form-control" autocomplete="off">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Annuleren</button>
                <button type="button" class="btn btn-custom">Herstellen</button>
            </div>
        </div> <!-- /.modal-content -->
    </div> <!-- /.modal-dialog -->
</div> <!-- /.modal -->

这是工作小提琴 http://jsfiddle.net/qyo53dxh/1/