bootstrap怎麼引入html
css
bootstrap
Bootstrap 引入 HTML
如何將 Bootstrap 引入 HTML?
透過以下步驟將Bootstrap 引入HTML:
-
#下載Bootstrap 檔案:
- 存取Bootstrap官網(https://getbootstrap.com/)並下載最新的穩定版本。
- 解壓縮下載的 ZIP 檔案。
-
複製CSS 與JS 檔案:
- #將解壓縮的資料夾中的
bootstrap.css
複製到您的HTML 檔案目錄下。 - 將解壓縮的資料夾中的
bootstrap.js
複製到您的 HTML 檔案目錄下。
- #將解壓縮的資料夾中的
-
在HTML 中連結CSS 與JS 檔案:
-
在HTML 檔案的
< ;head>
部分中,連結樣式表:<link rel="stylesheet" href="bootstrap.css">
登入後複製 #在HTML 檔案的底部,連結JavaScript:
<script src="bootstrap.js"></script>
登入後複製
-
範例:
<head> <link rel="stylesheet" href="bootstrap.css"><script src="bootstrap.js"></script>Hello, Bootstrap!