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