第3課 課程目標
能夠用 Bootstrap 的網格系統做出多欄式排版、各種排版。
第3課 課程內容
業界工程師會去使用 Bootstrap，除了美感之外，通常還有一大理由就是想用它的網格系統。
以網頁設計常見的多欄式設計來說，手寫 html 跟 css 實在有點麻煩：
所以來學習簡單好用的網格系統吧！
請閱讀以下教學的內容：
https://www.w3schools.com/bootstrap5/bootstrap_grid_basic.php
https://www.w3schools.com/bootstrap5/bootstrap_grid_system.php
https://www.w3schools.com/bootstrap5/bootstrap_grid_examples.php
https://getbootstrap.com/docs/5.3/layout/grid/
內容不用全部讀完，也不用全部讀懂，把其中的程式碼貼一貼，把玩一下，能做出基本的多欄式網頁佈局即可。
第3課 作業
繼續承接之前的作業。我們在前幾課做出了 Yahoo 的新聞頁以及導覽列，這一課的作業有兩個。
作業一
請繼續修改之前的作業，除了新聞內容與導覽列之外，請接著利用 Bootstrap 網格系統將整個頁面都做出來。
請至少將側邊推薦其他新聞的區塊做出來，其餘的可以省略。
作業二
請再開一份 Glitch 專案，我們要做 Yahoo 新聞的首頁：
我們要用 Yahoo 新聞首頁來練習多欄式排版。
請利用 Bootstrap 網格系統，將整個首頁的排版都切出來。
各個區塊的內容盡量省略、簡化，利用純文字或是 <ul>、<li> 清單元素，只放標題跟一些文字即可。
完成以上兩份作業，你就完成這次的課程目標了！
歡迎將作業成果，在下方留言，跟大家分享，讓大家給你一些回饋！
可以將每課學到的觀念、關鍵字，丟到網路上去搜尋、研究一下！
發問請在「討論專區」為主，或者分享學習筆記、寫學習心得！
貼文都會出現在個人檔案頁面，成為學習歷程、部落格紀錄！
未來面試時，分享給面試官看，會讓人知道你的積極程度！
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
https://plump-shaded-peacock.glitch.me
交作業，麻煩站長檢查，謝謝
先做了作業一的部分
link: https://typhoon-nonstop-minibus.glitch.me/#
在 RWD 部分沒有把 Nav 的部分改成 Burger Menu
但有比較清楚 RWD 的概念是什麼了
交作業，再麻煩站長了!謝謝!
作業一:
https://practice-to-bootstrap.glitch.me
作業二:
https://bootstrap-practice-part2.glitch.me/
1 . https://third-mixed-shape.glitch.me/
2 . https://fallacious-beaded-porcupine.glitch.me/
麻煩站長了!謝謝🙌
交作業，麻煩站長檢查，謝謝
作業一:
https://bootstrap-lesson3-hw-.glitch.me
作業二:
https://bootstrap-lesson3-hw-2.glitch.me
交作業了~ 有加了RWD
作業一:https://just-mini-protest.glitch.me/
作業二:https://fog-expensive-hosta.glitch.me/
https://bs5-lesson3.glitch.me/
這次設置了三個斷點，刻意練習響應式寫法