引導數據切換折疊不起作用

Question

我的這個 html 測試用例幾乎完全取自 bootstrap 的示例，但是當我按下任何按鈕時，div 沒有顯示。

Bootstrap 4 文件在本地托管，因為它是本地應用程序而不是 Web 應用程序。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link type="text/css" rel="stylesheet" href="css/bootstrap.css" />
        <script src="js/bootstrap.js"></script>
        <script src="js/jquery.js"></script>
        <script src="js/popper.js"></script>
    </head>
    <body>
        <p>
            <a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
            Link with href
            </a>
            <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
            Button with data-target
            </button>
        </p>
        <div class="collapse" id="collapseExample">
            <div class="card card-body">
            Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
            </div>
        </div>
    </body>
</html>

錯在哪里？

Answer 1

你必須在jquery.js之后包含bootstrap.js

引導數據切換折疊不起作用

問題描述

1 個解決方案

解決方案1
2 已采納 2019-03-05 14:18:25

引導數據切換折疊不起作用

問題描述

1 個解決方案

解決方案1 2 已采納 2019-03-05 14:18:25

解決方案1
2 已采納 2019-03-05 14:18:25