Bootstrap是一組用於網站和網路應用程式開發的開源前端框架
包括HTML、CSS及JavaScript的框架，提供字體排印、表單、按鈕、導航及其他各種元件及Javascript擴充套件，旨在使動態網頁和Web應用的開發更加容易
Bootstrap的使用方式有兩種，一種是直接把檔案下載到電腦
另一種則是用連結的方式來做設定，可以依照個人的需求來選擇
先到Bootstrap官網，點選上方導覽列的Example，在選擇Download source code
下載完成後將CSS、JS兩個資料夾，放到和html檔案相同的路徑
接下來到VS Code裡設定路徑，分別有CSS、JS兩個路徑要設定
記得JS的路徑要設定在<body>裡面
CSS指定路徑
<style>
<link rel="stylesheet" href="./css/bootstrap.min.css" />
</style>
JS指定路徑
<body>
<script src="./js/bootstrap.bundle.min.js"></script>
</body>
完整的內容如下
如果不方便下載，也可以使用CDN links的方式，將CDN links加入html裡
CDN links在Bootstrap官網，點選上方導覽列的Docs網頁中間就可以看到
設定完成後就可以在Bootstrap官網找自己想要的功能來做測試
網站的Docs項目裡有很多功能是已經設定好CSS、RWD的內容
複製Bootstrap官網上HTML測試，出現的畫面和Bootstrap官網一樣
那就代表已經套用成功囉～真的是很方便啊....
今天是鐵人賽的最後一天，很開心自己完成了這一個項目
也算是有點小小的成就感，但是....學習必須要持之以恆
往後還是會繼續往前端這個方向前進，目前的只是一小步，加油！！！
iThome鐵人賽
看影片追技術