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>
登錄后復制
方法二:下載并包含本地文件
從 Bootstrap 官網下載最新版本。
將下載的壓縮包解壓到項目目錄中。
將以下代碼添加到 HTML 文檔的 和 部分:
<link href="css/bootstrap.min.css" rel="stylesheet"><script src="js/bootstrap.bundle.min.js"></script>
登錄后復制
加載注意事項:
確保網絡穩定,CDN 加載受到網絡影響。
對于本地加載,請確保文件路徑正確,并將其放在合適的位置。
如果使用的是 Vue 或 React 等框架,可能需要使用特定的方法來集成 Bootstrap。
最新版本的 Bootstrap 版本為 5.1.3,請根據需要調整版本號。