Я установил bootstrap с помощью npm, и теперь у меня есть куча файлов .js, но нет «основного» файла js, который я могу импортировать в html, в отличие от файла css, у которого есть главный файл .css.
Мне не удалось заставить коллапс работать без cdn с
<script src = "./node_modules/bootstrap/js/dist/collapse.js"></script>
<script src = "./node_modules/bootstrap/js/dist/button.js"></script>
Но он работал с:
<script src = "https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity = "sha384-pQQkAEnwaBkjpqZ8RU1fF1AKtTcHJwFl3pblpTlHXybJjHpMYo79HY3hIi4NKxyj" crossorigin = "anonymous"></script>
Это мое меню свернуть:
<div class = "container">
<div class = "col col-sm-2">
<a class = "" data-bs-toggle = "collapse" href = "#started" role = "button">Getting Started</a>
<div id = "started" class = "collapse">Hi</div>
</div>
<div class = "col col-md-8">
</div>
<div class = "col col-lg-2"></div>
</div>
Я бы предпочел не использовать cdn, потому что я уже использую node_modules из css и sass. Мне не хватает скриптов для импорта? Или есть способ легко импортировать все скрипты, не делая этого вручную?
Я пытался использовать npm install bootstrap
и скачивать файлы напрямую, но не вижу bootstrap.min.js
файлов. Вместо этого я вижу js-файлы компонентов, такие как button.js
, dropdown.js
, collapse.js
.
Ну, в таком случае, возможно, что-то пошло не так с загрузкой. В документах явно указан файл bootstrap.min.js
в каталоге dist/js
.
Я нашел файл bootstrap.min.js благодаря ISAE.
Я скачал загрузочный файл здесь: https://www.npmjs.com/package/bootstrap#whats-included и зашел в bootstrap/dist/js/
, в котором есть все основные загрузочные файлы.
Вы также можете использовать npm install bootstrap
, и путь очень похож: node_modules/bootstrap/dist/js/