Bootstrap5卡片組件：打造簡潔美觀的內容展示單元

Bootstrap5卡片（Card）組件是用於整齊組織信息的“容器盒子”，能有序收納圖片、文字、按鈕等內容，支持響應式佈局，適配不同設備。 基礎結構以`.card`爲容器，內部通過`.card-img-top`（頂部圖片）、`.card-body`（內容區，含`.card-title`標題和`.card-text`文本）等類實現內容分層。核心組件支持多種組合：圖片可頂部放置或疊加文字（`.card-img-overlay`）；列表用`.list-group`呈現；操作按鈕可放在`.card-footer`或卡片主體內。 樣式與佈局方面，可通過寬度控制、`shadow-*`工具類（淺/默認/深陰影）、`text-center`（居中對齊）調整外觀；響應式排列用`.row`+`.row-cols-*`實現多列布局（如小屏幕1列、中等屏幕3列）。 注意事項：圖片需加`alt`屬性和`img-fluid`類，避免重複樣式衝突，合理使用間距工具類避免內容擁擠。通過卡片可高效構建產品列表、用戶資料等場景，靈活適配簡單到複雜的內容組合需求。