in English
פיגיערז
דאַקיומענטיישאַן און ביישפילן פֿאַר ווייַזנדיק פֿאַרבונדענע בילדער און טעקסט מיט די פיגור קאָמפּאָנענט אין Bootstrap.
אויף דעם בלאַט
ווען איר דאַרפֿן צו ווייַזן אַ שטיק פון אינהאַלט - ווי אַ בילד מיט אַ אַפּשאַנאַל קעפּל, באַטראַכטן ניצן אַ <figure>
.
ניצן די אַרייַנגערעכנט .figure
, .figure-img
און .figure-caption
קלאסן צו צושטעלן עטלעכע באַסעלינע סטיילז פֿאַר HTML5 <figure>
און <figcaption>
עלעמענטן. בילדער אין פיגיערז האָבן קיין יקספּליסאַט גרייס, אַזוי זיין זיכער צו לייגן די .img-fluid
קלאַס צו דיין <img>
צו מאַכן עס אָפּרופיק.
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>
אַליינינג די קעפּל פון די פיגור איז גרינג מיט אונדזער טעקסט יוטילאַטיז .
<figure class="figure">
<img src="..." class="figure-img img-fluid rounded" alt="...">
<figcaption class="figure-caption text-end">A caption for the above image.</figcaption>
</figure>
סאַס
וועריאַבאַלז
$figure-caption-font-size: $small-font-size;
$figure-caption-color: $gray-600;