国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

directory search
Getting started Accessibility(無障礙) Browsers and devices(瀏覽器和設備) Build tools(構(gòu)建工具) Contents(內(nèi)容) Download(下載) JavaScript Theming Bootstrap(主題Bootstrap) Webpack Components: Alerts Alerts(警報) Components: Badges Badges(徽章) Components: Breadcrumb Breadcrumb Components: Button group Button group(按鈕組) Components: Buttons Buttons(按鈕) Components: Cards Components: Carousel Cards(卡) Carousel(圓盤傳送帶) Components: Collapse Collapse(折疊) Components: Dropdowns Dropdowns(下拉菜單) Components: Forms Forms(表單) Components: Input group Input group(輸入群組) Components: Input group Jumbotron(廣告大屏幕) Components: List group List group(列表組) Components: Modal Modal(互動視窗) Components: Navbar Navbar(導航欄) Components: Navs Navs(導航欄) Components: Pagination Pagination(分頁) Components: Popovers Popovers(彈出框) Components: Progress Progress(進度條) Components: Scrollspy Scrollspy(滾動監(jiān)聽) Components: Tooltips Tooltips(提示工具) Content Code(代碼) Figures(圖片區(qū)) Images(圖片) Reboot(重置) Tables(表格) Typography(排版) Layout Grid(網(wǎng)格) Layout(布局) Media object(多媒體對象) Utilities for layout(排版通用類別) Migration Migrating to v4(遷移到v4) Utilities Borders(邊框) Clearfix(清除浮動) Close icon(關閉圖標) Colors(顏色) Display property(顯示屬性) Embeds(內(nèi)嵌) Flex(彈性) Float(浮動) Image replacement(圖像替換) Position(位置) Screenreaders(熒幕閱讀器) Sizing(尺寸) Spacing(間隔) Text(文本) Vertical alignment(垂直對齊) Visibility(能見度)
characters

文檔和示例用于選擇圖像為響應行為%28,這樣它們就不會比父元素%29大,并向它們添加輕量級樣式--所有這些都是通過類實現(xiàn)的。

響應圖像

引導帶中的圖像是通過以下方式做出響應的.img-fluid...max-width: 100%;height: auto;應用于圖像,使其與父元素進行縮放。

<img src="..." class="img-fluid" alt="Responsive image">

SVG圖像和IE 10

在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授權的文檔。

Previous article: Next article: