Bootstrap框架導入方法

使用CDN導入

最簡單的方法是通過CDN導入Bootstrap框架：

<code class="html"><link rel="stylesheet" href="/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css">
<script src="/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script></code>

將上述代碼粘貼到你的HTML文件的 部分即可。

手動下載導入

也可以從Bootstrap官方網站下載框架文件并手動導入：

下載Bootstrap文件并解壓縮。
將 文件復制到你的CSS目錄。
將 文件復制到你的JS目錄。
在你的HTML文件的 部分引用CSS和JS文件：

<code class="html"><link rel="stylesheet" href="path/to/bootstrap.min.css">
<script src="path/to/bootstrap.bundle.min.js"></script></code>

Sass/LESS導入

如果你使用Sass或LESS進行開發，可以使用編譯器將Bootstrap的源文件編譯為CSS：

<code>// 使用Sass
@import "~bootstrap/scss/bootstrap";

// 使用LESS
@import "~bootstrap/less/bootstrap";</code>

編譯完成后，將編譯后的CSS文件導入你的HTML文件中。

選擇版本

不同的版本可能包含不同的功能，因此需要根據你的需要選擇合適的版本。可以通過Bootstrap網站或CDN鏈接來選擇版本。

需要注意的是：

對于CDN導入，確保使用的CDN鏈接是最新的，以獲取最新的Bootstrap版本。
導入順序很重要，確保在導入Bootstrap CSS文件之前導入jQuery。
如果你的網站不支持CDN，則可以使用手動下載的方法。