2017年12月12日 星期二

bootstrap 如何做出響應式圖片


比如想要作出如下的效果:
上一次有關bootstrap的文章已經提過也介紹過容器(container),在bootstrap的使用中一開始就要先打出容器,而關於做出響應式圖片也不例外,所以下述的程式碼中開頭也是container

也就是不論視窗怎樣拉寬或拉窄都會呈現四個圖片並列的話,可以打下如下的程式碼:


提醒:若是要響應式圖片的話,記得在img內的class打入 img-fluid,如上圖的第二十五行。

沒有留言:

張貼留言

Cursor Auto-Run 完整指南:為什麼已開啟卻不會自動執行?(含真正能自動跑的方法)

Cursor Auto-Run 完整指南:為什麼開啟卻不會自動執行? 🚀 Cursor Auto-Run 完整指南:為什麼已開啟卻不會自動執行?(含真正能自動跑的方法) Cursor 是目前最強大的 AI 程式...