Bootstrap模態沒有顯示

Question

由於某種原因，我無法解決引導模式，下面是我的代碼。

<!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>

Answer 1

您必須在jQuery庫之后包含bootstrap庫。 你有沒有檢查瀏覽器的控制台是否有任何錯誤？

Bootstrap模態沒有顯示

問題描述

1 個解決方案

解決方案1
3 2013-02-15 05:25:23

Bootstrap模態沒有顯示

問題描述

1 個解決方案

解決方案1 3 2013-02-15 05:25:23

解決方案1
3 2013-02-15 05:25:23