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

1 圖片

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

1.1 響應(yīng)式圖片

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