Sawirada
Dukumeenti iyo tusaalooyin lagu dooranayo sawirada habdhaqan ka jawaab celin ah (si ayan waligood uga weynaan walxaha waalidkooda) oo ku dara qaabab khafiif ah iyaga-dhammaan fasalada.
Sawirro jawaab celin ah
Sawirada ku jira Bootstrap waxaa lagu sameeyay jawaab celin leh .img-fluid
. max-width: 100%;
waxaana height: auto;
lagu dabaqaa sawirka si uu ugu miisaamo xubinta waalidka.
<img src="..." class="img-fluid" alt="...">
Sawirada SVG iyo Internet Explorer
Gudaha Internet Explorer 10 iyo 11, sawirada SVG ee wata .img-fluid
ayaa si aan qiyaas lahayn loo cabbiray. Si tan loo hagaajiyo, ku dar width: 100%;
ama .w-100
meesha loo baahdo. Tani waxay hagaajinaysaa si aan habboonayn qaababka kale ee sawirka, markaa Bootstrap si toos ah uma dabaqdo.
Sawir gacmeedyada
Marka lagu daro adeegyadayada-radius-ka , waxaad isticmaali kartaa .img-thumbnail
inaad siiso sawir muuqaal xuduudeed 1px ah.
<img src="..." class="img-thumbnail" alt="...">
Isku toosinta sawirada
Ku toosi sawirada cawiyaha fasalada sabaynta ama fasalada toosinta qoraalka . block
Sawirada heerka waxa ay noqon karaan kuwo udub dhexaad u ah iyadoo la isticmaalayo fasalka .mx-auto
utility 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>
Sawir
Haddii aad u isticmaalayso <picture>
curiyaha si aad u qeexdo <source>
curiyayaasha kala duwan ee gaar ah <img>
, hubi inaad ku darto .img-*
fasallada ee <img>
ha ku darin <picture>
summada.
<picture>
<source srcset="..." type="image/svg+xml">
<img src="..." class="img-fluid img-thumbnail" alt="...">
</picture>