У меня есть этот тестовый пример html, почти полностью взятый из примеров начальной загрузки, но когда я нажимаю любую из кнопок, div не отображается.

Файлы Bootstrap 4 размещаются локально, потому что это локальное приложение, а не веб-приложение.

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

Где ошибка?

0
fferri 5 Мар 2019 в 17:16

1 ответ

Лучший ответ

Вы должны включить bootstrap.js после jquery.js

2
Anurag Srivastava 5 Мар 2019 в 14:18