Bootstrap模式沒有顯示

由於某些原因，我無法啓動引導模式，下面是我的代碼。Bootstrap模式沒有顯示

<!DOCTYPE html> 
    <html lang="en"> 
     <head> 
     <link href="http://localhost/scripts/bootstrap/css/bootstrap.min.css" rel="stylesheet"> 
     </head> 
     <body> 
     <div id="modal" class="modal hide fade"> 
       <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
       <h3>Modal header</h3> 
       </div> 
       <div class="modal-body"> 
       <p>One fine body…</p> 
       </div> 
       <div class="modal-footer"> 
       <a href="#" class="btn">Close</a> 
       <a href="#" class="btn btn-primary">Save changes</a> 
       </div> 
      </div> 
      <button id="button">Fire</button> 
     <script src="http://localhost/scripts/bootstrap/js/bootstrap.min.js"></script> 
     <script src="http://code.jquery.com/jquery-latest.js"></script> 
     <script> 
      $(function(){ 
      $("#button").click(function(){ 
       $('#modal').modal('show'); 
      }); 
      }); 
     </script> 
     </body> 
    </html>

來源

2013-02-15 Babiker

您必須包括bootstrap庫在jQuery庫後。您是否打擾檢查瀏覽器的控制檯是否有任何錯誤？

來源

2013-02-15 05:25:23 Ian

完美，謝謝。 – Babiker 2013-02-15 05:31:35

這解決了我的問題。這背後的理由是什麼？ – piperchester 2014-04-04 21:55:34

如果bootstrap本身提供.js文件，爲什麼我們需要jquery.js？ – Abhinay 2014-11-08 07:58:26

Bootstrap模式沒有顯示

回答

相關問題