首頁 >web前端 >Bootstrap教程 >bootstrap怎麼引入程式碼

bootstrap怎麼引入程式碼

要引入 Bootstrap 程式碼，有三種方式：使用 CDN、下載檔案或使用套件管理器。透過 CDN 可從網路快速取得文件，透過下載文件可在本機使用，而透過套件管理器則可使用命令列安裝。

bootstrap怎麼引入程式碼

如何引入Bootstrap 程式碼

Bootstrap 是一個用於建立響應式、行動優先網站和應用程式的流行CSS 框架。要引入Bootstrap 程式碼，您可以透過以下幾種方式進行：

1. 使用CDN

最簡單的方法是使用Content Delivery Network (CDN) 託管Bootstrap文件。 CDN 是分佈在世界各地的伺服器網絡，可快速有效地提供靜態文件，例如 CSS 和 JavaScript。

以下是從CDN 載入Bootstrap 的步驟：

在HTML 文件的<head> 標籤中，新增以下行：

<code class="html"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"></code>

對於JavaScript，新增：

<code class="html"><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script></code>

#2. 下載Bootstrap 檔案

##您也可以從Bootstrap 官方網站下載Bootstrap 檔案。下載後，將檔案複製到您網站的目錄中。