Bootstrap是目前應用廣泛的前端框架之一，它為開發者們提供了一系列簡單易用的UI組件，包括響應式布局、彈窗、導航欄、表格等等。而jQuery則是JavaScript中流行的庫，它的DOM操作、事件處理和Ajax請求等方法讓前端開發更容易。但是，Bootstrap中大量使用了jQuery，導致網頁加載速度變慢，影響用戶體驗。
為了解決這一問題，Bootstrap 從版本 5 開始提供了一個JQuery-free選項。在這個選項下，Bootstrap不再依賴jQuery，通過純 JavaScript 實現 Bootstrap 組件。這樣可以減少文件體積，提高頁面加載速度和性能。
// jquery-free版本使用示例Bootstrap Example
可以看到，在使用 jquery-free 版本中，我們并沒有引入 jQuery 的庫，而是引入了 Bootstrap 的 bundle.js 文件，在這個文件中包含了實現 Bootstrap 組件所需要的所有 JavaScript 代碼。這樣使用，不僅可以減少文件大小，還可以減小網頁加載時間，并增強網頁性能，為用戶提供更好的體驗。