Bootstrap 是一個流行的前端框架,用于快速搭建響應式網站。然而,要使用 Bootstrap,必須先引入 jQuery。
jQuery 是一個 JavaScript 庫,被廣泛應用于網頁開發中,它提供了方便的 API,可用來處理 DOM 操作、事件處理、AJAX 和動畫等任務。Bootstrap 依賴于 jQuery,它使用了許多 jQuery 的功能來實現各種特性,如模態框、輪播圖和下拉菜單等。因此,只有在引入 jQuery 后,Bootstrap 才能正常運行。
<!-- 引入 jQuery --> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <!-- 引入 Bootstrap 核心文件 --> <link rel="stylesheet" > <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
在以上代碼中,首先引入了 jQuery 庫,隨后引入了 Bootstrap 的 CSS 和 JavaScript 文件。要注意的是,jQuery 庫必須在 Bootstrap 之前引入,否則會導致 Bootstrap 無法使用 jQuery 提供的 API。
總之,要使用 Bootstrap,必須先引入 jQuery。如果你已經使用了其他的庫或框架,也許已經引入了 jQuery,這時可以省略 jQuery 的引入,但記得要查看 Bootstrap 版本所依賴的 jQuery 版本,以確保兼容性。
下一篇es6 jquery