Bootstrap 引入 HTML
如何將 Bootstrap 引入 HTML？
透過以下步驟將Bootstrap 引入HTML：
#下載Bootstrap 檔案：
複製CSS 與JS 檔案：
bootstrap.css 複製到您的HTML 檔案目錄下。 bootstrap.js 複製到您的 HTML 檔案目錄下。 在HTML 中連結CSS 與JS 檔案：
在HTML 檔案的< ;head> 部分中，連結樣式表：
<code class="html"><link rel="stylesheet" href="bootstrap.css"></code>
#在HTML 檔案的底部，連結JavaScript：
<code class="html"><script src="bootstrap.js"></script></code>
範例：
<code class="html"><!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="bootstrap.css">
</head>
<body>
<div class="container">
<h1>Hello, Bootstrap!</h1>
</div>
<script src="bootstrap.js"></script>
</body>
</html></code>使用CDN：
您也可以使用CDN（內容分發網路）來引入Bootstrap，它可以提高載入速度和效能。
在 HTML 檔案的 <head> 部分中使用以下程式碼：
<code class="html"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js"></script></code>
以上是bootstrap怎麼引入html的詳細內容。更多資訊請關注PHP中文網其他相關文章！
