主要有兩種方式引入 Bootstrap:CDN:透過新增連結標籤和 JavaScript 標籤,從 CDN 匯入檔案。本機檔案:下載 Bootstrap 並將其解壓縮到專案資料夾中,然後透過連結標籤和 JavaScript 標籤引用本機檔案。
Bootstrap 如何引入
Bootstrap 是一款流行且易用的CSS 框架,用於建立響應式網站。它提供了各種預先定義的樣式、元件和佈局,可以簡化 web 開發流程。
引入Bootstrap 的方法
有兩種主要方法可以引入Bootstrap:
1. CDN(內容分發網路)
<link>
標籤:<code class="html"><link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"></code>
<script>
標籤新增到頁面的底部,以引入JavaScript 檔案:<code class="html"><script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script></code>
#2. 本機檔案
<link>
標籤:<code class="html"><link href="css/bootstrap.min.css" rel="stylesheet"></code>
<code class="html"><script src="js/bootstrap.min.js"></script></code>
選擇哪種方法
CDN 方法更簡單,因為它不需要下載任何檔案。如果您不想維護 Bootstrap 檔案的本機副本,則 CDN 是一個不錯的選擇。
本機檔案方法提供了更佳的效能,因為檔案儲存在本地而不是從遠端伺服器載入。如果您有自訂 Bootstrap 主題或計劃對框架進行修改,則本機檔案方法更適合您。
以上是bootstrap怎麼樣引入的詳細內容。更多資訊請關注PHP中文網其他相關文章!