第1課 課程目標
學會安裝 Bootstrap。
第1課 課程內容
第一課只要學會如何安裝 Bootstrap 就可以了。
Bootstrap 安裝好之後，瀏覽器預設的 h1, h2, h3, p 等等基本元素的樣式就會被覆蓋。
會變成 Bootstrap 的預設樣式，會更漂亮。
在網頁中引入 Bootstrap 的 css 與 js 檔的方式有很多，其中最簡單的是直接引入 BootstrapCDN 的線上檔案，連下載檔案都不用。
請閱讀一些 Bootstrap 基本觀念：
https://www.w3schools.com/bootstrap5/bootstrap_get_started.php
https://www.w3schools.com/bootstrap5/bootstrap_typography.php
然後參考官網的 BootstrapCDN 段落：
https://getbootstrap.com/docs/5.3/getting-started/download/
對於引入外部檔案的觀念不熟悉的話，請參考這份的「External Style Sheet」段落：
https://www.w3schools.com/css/css_howto.asp
以及這份的「JavaScript in External File」段落：
https://www.tutorialspoint.com/javascript/javascript_placement.htm
第1課 作業
請打開：Yahoo奇摩新聞
找一篇你喜歡的新聞，把新聞內容打出來。
接著打開 Glitch，用 Glitch 來寫這次的作業。
只要打出文章標題與內容就好，上方的導覽列、旁邊的新聞頭條那些區塊都不用。
做完之後，你會發現，雖然只用了 h1、p、br 等等基本元素，但是套用 Bootstrap 之後，整個畫面自動變漂亮了！
完成這些，你就完成這次的課程目標了！
歡迎將作業成果，在下方留言，跟大家分享，讓大家給你一些回饋！
可以將每課學到的觀念、關鍵字，丟到網路上去搜尋、研究一下！
發問請在「討論專區」為主，或者分享學習筆記、寫學習心得！
貼文都會出現在個人檔案頁面，成為學習歷程、部落格紀錄！
未來面試時，分享給面試官看，會讓人知道你的積極程度！
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
https://bootstrap-hw1.glitch.me/
交作業了，麻煩站長檢查，整個超不會用
Link: https://typhoon-nonstop-minibus.glitch.me/
請站長看看 謝謝！
交作業，麻煩站長了!
https://practice-to-bootstrap.glitch.me
https://third-mixed-shape.glitch.me/
交作業，麻煩站長了!
交作業，麻煩站長了
https://bootstrap-lesson1-hw.glitch.me/
還不習慣用 bs5 的 class 去控制樣式，就已經感受到它的魔力了~
https://bs5-lesson1.glitch.me