Bootstrap已是目前全球被大量網頁開發者使用的一個網頁UI框架了，其特色在於使用簡單，開發快速，自訂化功能彈性簡單，不管是前端開發或是後端介面，都是非常適合使用的一套框架系統，今天先跟著Amos一起來了解圖片與尺寸設定有哪些class可供運用，而該功能又會用在哪個需求上面呢?

重點提醒

• 歡迎開啟字幕觀看
• 已於時間軸切分章節，歡迎至Youtube官方觀看時使用
• img-fluid使用了哪個CSS屬性
• w-100使用了哪個CSS屬性
• img-thumbnail有甚麼樣的視覺效果
• figure的語意是甚麼
• figcaption的語意是甚麼
• 影片原始網址 https://youtu.be/_SSPsPmz9U0

「金魚都能懂的CSS選取器」已集結成書，並於書中添加一些新篇章及細節補充，有興趣的朋友可至天瓏書局選購，感謝各位支持
購書連結 https://www.tenlong.com.tw/products/9789864344994?list_name=b-r30-zh_tw

讓我們好好善用CSS選取器吧

金魚都能懂的教學系列

• 金魚都能懂的網頁設計入門
• 金魚都能懂的網頁切版
• 金魚都能懂的CSS選取器
• 金魚都能懂的CSS必學屬性
• 連續30天的超實務網頁設計的垂直置中教學

鐵人雙主題挑戰中，歡迎訂閱一波

金魚都能懂的CSS必學屬性

立刻訂閱 CSS可樂的網站/頻道享受精彩文章

Line搜尋「@CSScoke」加入CSS可樂公開帳號，可以收到 Amos 第一手資訊喔
CSS 可樂部落格
CSS coke 的 Youtube 直播頻道
快按此訂閱 CSS coke 的頻道接收最新教學