本篇文章帶大家一起了解一下Bootstrap中的圖片組件和輪廓組件，介紹一下響應式圖片、圖片縮略圖、picture標簽和輪廓（Figures），希望對大家有所幫助！

1 圖片

本文節將學習如何讓圖片支持響應式行為（這樣它們就不會超出父元素的范圍）以及如何通過類（class）添加些許樣式。

1.1 響應式圖片

通過 Bootstrap 所提供的.img-fluid 類讓圖片支持響應式布局。其原理是將max-width: 100%; 和 height: auto; 賦予圖片，以便隨父元素一起縮放。【