bootstrap 框架的加載方式有兩種:直接加載 cdn 文件;下載并包含本地文件。
Bootstrap框架加載方式
方法一:直接加載CDN文件
將以下代碼添加到 HTML 文檔的 部分:
<link href="https://cdn.jsdelivr.net/npm/<a%20style='color:#f60;%20text-decoration:underline;'%20href=" https: target="_blank">[email protected]/dist/<a style="color:#f60; text-decoration:underline;" href="https://www.php.cn/zt/15716.html" target="_blank">css</a>/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
登錄后復(fù)制
方法二:下載并包含本地文件
從 Bootstrap 官網(wǎng)下載最新版本。
將下載的壓縮包解壓到項(xiàng)目目錄中。
將以下代碼添加到 HTML 文檔的 和 部分:
<link href="css/bootstrap.min.css" rel="stylesheet"><script src="js/bootstrap.bundle.min.js"></script>
登錄后復(fù)制
加載注意事項(xiàng):
確保網(wǎng)絡(luò)穩(wěn)定,CDN 加載受到網(wǎng)絡(luò)影響。
對(duì)于本地加載,請(qǐng)確保文件路徑正確,并將其放在合適的位置。
如果使用的是 Vue 或 React 等框架,可能需要使用特定的方法來(lái)集成 Bootstrap。
最新版本的 Bootstrap 版本為 5.1.3,請(qǐng)根據(jù)需要調(diào)整版本號(hào)。