בילדער
דאַקיומענטיישאַן און ביישפילן פֿאַר אַפּטינג בילדער אין אָפּרופיק נאַטור (אַזוי זיי קיינמאָל ווערן גרעסערע ווי זייער פאָטער עלעמענטן) און לייגן לייטווייט סטיילז צו זיי - אַלע דורך קלאסן.
אָפּרופיק בילדער
בילדער אין באָאָצטראַפּ זענען אָפּרופיק מיט .img-fluid
. max-width: 100%;
און height: auto;
זענען געווענדט צו די בילד אַזוי אַז עס וואָג מיט די פאָטער עלעמענט.
<img src="..." class="img-fluid" alt="...">
SVG בילדער און Internet Explorer
אין Internet Explorer 10 און 11, SVG בילדער מיט .img-fluid
זענען דיספּראַפּאָרשאַנאַטלי סייזד. צו פאַרריכטן דעם, לייגן width: 100%;
אָדער .w-100
ווו נייטיק. דעם פאַרריכטן ימפּראַפּערלי סיזעס אנדערע בילד פֿאָרמאַטירונגען, אַזוי Bootstrap קען נישט צולייגן עס אויטאָמאַטיש.
בילד טהומבנאַילס
אין אַדישאַן צו אונדזער גרענעץ ראַדיוס יוטילאַטיז , איר קענען נוצן .img-thumbnail
צו געבן אַ בילד אַ ראַונדיד 1 פּקס גרענעץ אויסזען.
<img src="..." class="img-thumbnail" alt="...">
אַליינינג בילדער
ייַנרייען בילדער מיט די העלפּער פלאָוט קלאסן אָדער טעקסט אַליינמאַנט קלאסן . 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>