Bootstrap 如何引入 JS
要引入 Bootstrap JS，有以下几种方法：
方法 1：使用 CDN
<code class="html"><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script></code>
方法 2：从本地下载
- 下载 Bootstrap 库。
- 将
bootstrap.js文件添加到你的项目中。
方法 3：通过 npm
<code class="shell">npm install bootstrap</code>
然后在你的代码中引入：
<code class="js">import * as bootstrap from 'bootstrap';</code>
说明：
- 确保使用与 Bootstrap CSS 版本相匹配的 JS 版本。
- 对于 Bootstrap 5，推荐使用
bootstrap.bundle.min.js，其中包含了所有 JavaScript 组件。 - 对于较旧版本的 Bootstrap，可能需要单独引入每个组件的 JS 文件。
使用 JS 组件
引入 Bootstrap JS 后，你就可以使用其 JavaScript 组件。例如：
- 弹出框（Modals）：
$('#myModal').modal() - 标签页（Tabs）：
$('#myTabs').tab() - 滑动条（Carousel）：
$('#myCarousel').carousel()
请参阅 Bootstrap 文档以获取有关特定组件的更多信息。
