?
This document uses PHP Chinese website manual Release
文檔和示例用于選擇圖像為響應行為%28,這樣它們就不會比父元素%29大,并向它們添加輕量級樣式--所有這些都是通過類實現(xiàn)的。
引導帶中的圖像是通過以下方式做出響應的.img-fluid
...max-width: 100%;
和height: auto;
應用于圖像,使其與父元素進行縮放。
<img src="..." class="img-fluid" alt="Responsive image">
在InternetExplorer 10中,SVG圖像與.img-fluid
不成比例的大小。若要修復此問題,請?zhí)砑?code>width: 100% \9;必要的時候。這個修復錯誤地調(diào)整了其他圖像格式的大小,所以Bootstrap不會自動應用它。
除了我們邊界半徑公用事業(yè),你可以用.img-thumbnail
若要使圖像呈現(xiàn)圓形1 px邊框,請執(zhí)行以下操作。
<img src="..." alt="..." class="img-thumbnail">
對齊圖像與輔助浮點數(shù)類或文本對齊類...block
-級別圖像可以使用大.mx-auto
邊際效用類...
<img src="..." class="rounded float-left" alt="..."><img src="..." class="rounded float-right" alt="...">
<img src="..." class="rounded mx-auto d-block" alt="...">
<div class="text-center"> <img src="..." class="rounded" alt="..."></div>
如果您使用的是<picture>
元素指定多個<source>
特定元素的元素。<img>
,確保添加.img-*
類的<img>
而不是去<picture>
標簽。
<picture> <source srcset="..." type="image/svg+xml"> <img src="..." class="img-fluid img-thumbnail" alt="..."></picture>
? 2011–2017 Twitter, Inc.
?2011-2017自帶作者
根據(jù)麻省理工學院的許可授權的代碼。
根據(jù)CreativeCommonsAttributionLicense v3.0授權的文檔。