Question

难住了。

我有一个标准模态（与bootstrap演示页面完全一样），使用下面的按钮调用 -

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
           Login or register
</button>

和模态标记

<div class="modal fade" style="display:none;" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">Login or register</h4>
            </div>
            <div class="modal-body">
                ...code....
            </div>
            <div class="modal-footer">
               <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

直到今晚，这一直没有问题。我更新了VS 2013 express到社区，更新了bootstrap到最新版本（在我的VS 2013上显示3.3.0）就是这样。我对我的.cshtml文件进行了区分，并且没有任何更改。

现在，当我单击登录按钮时，模式弹出但灰色显示整个页面，我无法编辑表单中的输入字段。当我点击模态的任何地方时，就会关闭。

不知道在哪里开始调试这个......有没有人有任何想法？

（jquery版本是2.1.1，bootstrap 3.3.0）

谢谢你的帮助

更新

当我从bootstrap 3.2.0移动到3.3.0时，似乎可以做些什么。我将bootstrap.js和bootstrap.min.js恢复为3.2.0并且模态再次起作用。我将按原样保留这个问题 - 也许我可以通过nuget在vs 2013上下载的方式得到解决，这一点就消失了。

Answer 1

只需使用z-index: 1040;用于课程.modal-dialog，它就可以再次正常使用。您可以编辑bootstrap的css文件，定义自己的css文件，或将其作为内联样式添加到模式对话框div中。如果你使用LESS / SASS来源，那就更好了。

P.S。至少它没有进一步测试或分析，对我有用。

Answer 2

我几分钟前遇到了同样的问题...最后我发现问题与我在Bootstrap {{1}上覆盖z-index的一些自定义CSS代码有关。 }和.modal类。

我刚刚删除了那些CSS类的重写，现在一切正常。

你可能在z-index

上做了类似自定义代码的事情

Answer 3

我认为这是FADE的一个问题。我改变了这个：

<div class="modal fade" id=... >

到

<div class="modal" id=... >

（去除褪色）

这不是最理想的解决方案，但它有效。

Answer 4

http://getbootstrap.com/javascript/#modals-options

Remote：此选项自v3.3.0起已弃用，将在v4中删除。

Answer 5

从版本2.1。*到3.0的引导程序发生了重大变化，有许多不再存在的类 - 这些应该更新到更新的版本

查看重要更改列表here - Migrating to Bootstrap 3.0，浏览并删除所有已删除的类，并将其替换为等效类。

更新到bootstrap 3.3.0后，bootstrap模式停止运行

5 个答案: