2017年12月12日 星期二

bootstrap 如何做出響應式圖片


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

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


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

沒有留言:

張貼留言

用 Antigravity 開發時,怎麼同時開第 2、第 3 個視窗,並重新打開 Laravel 專案(餐廳比喻版)

用 Antigravity 開發:同時開第 2、第 3 個視窗,並重新打開 Laravel 專案(餐廳比喻版) 用 Antigravity 開發:同時開第 2、第 3 個視窗,並重新打開 Laravel 專案(...