第4課 課程目標
學會使用 Bootstrap 的卡片元件。
第4課 課程內容
卡片式設計近幾年非常流行，在各大網站中都看得到它。
它的功能非常通用，可以在各種場景中使用，這一課要學習使用它。
請閱讀入門教學：
https://www.w3schools.com/bootstrap5/bootstrap_cards.php
以及官方說明文件：
https://getbootstrap.com/docs/5.3/components/card/
內容不用全部讀完，也不用全部讀懂，能做出基本的卡片設計即可。
第4課 作業
這一課的作業要延續第3課的作業二。
在上一次的作業中，我們做出了整個 Yahoo 新聞首頁的排版，不過各區塊的內容都簡化了。
我們這一次要把內容補上，讓畫面變豐富。
請利用本課學到的卡片元件，在畫面中所有看起來像卡片的地方，全部套用卡片元件，讓卡片元件內有圖片、文字。
做完之後，整個畫面看起來會更接近真正的 Yahoo 新聞首頁。
注意：實際上 Yahoo 新聞首頁的卡片元件不多，幾乎都不是卡片元件（比如說根本沒有邊框）。
這一課作業是以練習為主，把看起來能套用卡片的地方套用就好，套不進去的地方維持原本的陽春即可。或是到處都套用卡片元件也沒關係，看起來類似原本的 Yahoo 新聞首頁即可。
完成這些，你就完成這次的課程目標了！
歡迎將作業成果，在下方留言，跟大家分享，讓大家給你一些回饋！
可以將每課學到的觀念、關鍵字，丟到網路上去搜尋、研究一下！
發問請在「討論專區」為主，或者分享學習筆記、寫學習心得！
貼文都會出現在個人檔案頁面，成為學習歷程、部落格紀錄！
未來面試時，分享給面試官看，會讓人知道你的積極程度！
共有 6 則留言
文字內容提供幾種功能：
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
課程內容
交作業，再麻煩站長了! 謝謝!
https://bootstrap-practice-part2.glitch.me/