Bootstrap5 如何安裝及檢測

Bootstrap是全球盛型的網頁框架，Js(veu、reat、angular)皆有使用bootstrap。安裝方式，可分成下列2種，如何選擇，則是針對不同的開發模式或情境，某些專案考慮安全性，不在網路下載檔案，接連到本機端，就會選擇下列方法2。

連結到網路(CDN)：開啟Bootstrap5\Getting started\Starter template下圖一整段直接貼到你的code內即可。
下載至本機端：

下載後，選擇需要的檔案，一般會選擇這2個其中一個檔案，差別是檔案是否為壓縮過(檔案大小有差距)
分別連結檔案bootstrap.min.css與bootstrap.min.js即可。

<head>
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>

<body>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/popper.min.js"></script>
</body>

Popper.js因為是非官方檔案，所以將它copy路徑，在另存至本機。

快速檢測方式：在安裝完畢後，簡單套用一個class來看是否有效果

<div class="container">
    <a href="#" class="btn btn-info">test</a>
</div>

為金魚bootstrap5系列影片的前2個 9/16、9/17

參考資料

##Bootstrap5 #金魚都能懂的Bootstrap5觀後筆記

KY

Web designer

Related Posts

Comments

Sign In to join in the discussion.