Fatal编程技术网

Twitter bootstrap Twitter引导模式不会褪色

twitter-bootstrap

Twitter bootstrap Twitter引导模式不会褪色,twitter-bootstrap,modal-dialog,fade,Twitter Bootstrap,Modal Dialog,Fade,我有一个非常简单的HTML，它应该打开一个淡入淡出模式，但它只显示和隐藏而不淡入淡出 代码如下： <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="css/bootstrap.css" /> <script type="text/javascript" src="jquery.min.js"><

我有一个非常简单的HTML，它应该打开一个淡入淡出模式，但它只显示和隐藏而不淡入淡出

代码如下：

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="css/bootstrap.css" />
        <script type="text/javascript" src="jquery.min.js"></script>
        <script type="text/javascript" src="js/bootstrap-modal.js"></script>
    </head>
    <body>
        <div id="myModal" class="modal hide fade">
            <div class="modal-header"><h4>I'm a header</h4></div>
            <div class="modal-body"><p>Hello from the body</p></div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                <button class="btn btn-primary">Save changes</button>
            </div>
        </div>

        <a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch Modal</a>
    </body>
</html>


我是头球手
身体你好

接近
保存更改
此代码取自Twitter引导文档

在JSFIDLE中，这个简单的代码非常有用！但是，如果我将上述代码（如.html）保存在一个包含所有必需文件（.css和.js）的文件夹中，就会以一种简单的方式打开，不会褪色

我做错了什么

提前感谢。

仅使用bootstrap-modal.js时，我的体验与您相同。但是，当我使用编译的bootstrap.js时，它是有效的，这是因为模态效果是CSS3效果，而您不包括处理该效果的插件，所以只需在模态插件之前加载插件，它就可以工作了

.modal.in .modal-dialog {-moz-transform: translate(0,0) !important;}
将此添加到css中，这是因为编译后的javascript还包含“bootstrap transition.js”。尝试将bootstrap-transition.js与bootstrap-modal.js一起添加