bootstrap怎麼引入js

Bootstrap JS 的引入方式包括：透過 CDN（建議使用 bootstrap.bundle.min.js）；從本地下載相關檔案；透過 npm 安裝，並引入相關模組。

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：從本機下載

1. 下載Bootstrap 函式庫。
2. 將 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 文件以取得有關特定元件的更多資訊。

以上是bootstrap怎麼引入js的詳細內容。更多資訊請關注PHP中文網其他相關文章！