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

bootstrap怎麼引入程式碼

下次还敢
發布: 2024-04-05 02:51:16
原創
1006 人瀏覽過

要引入 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 檔案。下載後,將檔案複製到您網站的目錄中。

  • 對於CSS,將檔案命名為"bootstrap.min.css" 並將其放置在