Twitter Bootstrap模式不會褪色

我有一個非常簡單的HTML應該打開淡入淡出的模式，但它只顯示和隱藏沒有淡入或淡出。Twitter Bootstrap模式不會褪色

下面是代碼：

<!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的引導文檔拍攝。

jsFiddle這個簡單的代碼工作得很好！但是，如果我將以上代碼保存爲.html文件夾內的所有必需文件（.css和.js），模式將以簡單的方式打開，而不會褪色！

我在做什麼錯？

在此先感謝。

來源

2012-10-04 Marcio Martins

這是因爲模式的影響是CSS3的影響，你不包括插件，處理，所以只需加載bootstrap-transition.js插件模式插件之前，它應該工作。

來源

2012-10-04 20:32:52

當僅使用bootstrap-modal.js時，我的體驗與您一樣。但它工作時，我使用編譯bootstrap.js

來源

2012-10-04 18:25:38

這是因爲編譯的JavaScript還包括「自舉transition.js」。嘗試添加bootstrap-transition.js以及bootstrap-modal.js – Lashae

.modal.in .modal-dialog {-moz-transform: translate(0,0) !important;}

添加到您的CSS

來源

2015-03-04 09:10:32 Sush

Twitter Bootstrap模式不會褪色

回答

相關問題