Diswantšho
Ditokomane le mehlala ya go kgetha diswantšho go boitshwaro bjo bo arabelago (ka fao ga di ke tša ba tše kgolo go feta dielemente tša tšona tša motswadi) le go oketša mekgwa ye bofefo go tšona—ka moka ka diklase.
Diswantšho tše di arabelago
Diswantšho ka go Bootstrap di dirwa gore di arabele ka .img-fluid
. max-width: 100%;
gomme height: auto;
di dirišwa seswantšhong gore se lekale ka elemente ya motswadi.
<img src="..." class="img-fluid" alt="...">
Diswantšho tša SVG le Internet Explorer
Ka Internet Explorer 10 le 11, SVG litšoantšo le .img-fluid
ba disproportionately boholo. Go lokiša se, oketša width: 100%;
goba .w-100
moo go nyakegago. Tokiso ye e lekanyetša ka mo go sa swanelago dibopego tše dingwe tša diswantšho, ka fao Bootstrap ga e e diriše ka go itiragalela.
Diswantšho tše dinyenyane tša seswantšho
Go tlaleletša go didirišwa tša rena tša mollwane-radius , o ka šomiša .img-thumbnail
go fa seswantšho ponagalo ya mollwane wa 1px wo o kgokologilego.
<img src="..." class="img-thumbnail" alt="...">
Go logaganya diswantšho
Logaganya diswantšho le diklase tša go phaphamala tša mothuši goba diklase tša go logaganya sengwalwa . block
-maemo a diswantšho di ka tsepama ka go šomiša sehlopha sa utility ya .mx-auto
margin .
<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>
Seswantšho
Ge o šomiša <picture>
elemente go laetša dielemente tše ntši <source>
tša ye e itšego <img>
, kgonthiša gore o tlaleletša .img-*
diklase go <img>
le e sego go <picture>
thepo.
<picture>
<source srcset="..." type="image/svg+xml">
<img src="..." class="img-fluid img-thumbnail" alt="...">
</picture>