האָפּקען צו הויפּט אינהאַלט האָפּקען צו דאָקס נאַוויגאַציע
Check
in English

פיגיערז

דאַקיומענטיישאַן און ביישפילן פֿאַר ווייַזנדיק פֿאַרבונדענע בילדער און טעקסט מיט די פיגור קאָמפּאָנענט אין Bootstrap.

אויף דעם בלאַט

ווען איר דאַרפֿן צו ווייַזן אַ שטיק פון אינהאַלט - ווי אַ בילד מיט אַ אַפּשאַנאַל קעפּל, באַטראַכטן ניצן אַ <figure>.

ניצן די אַרייַנגערעכנט .figure, .figure-imgאון .figure-captionקלאסן צו צושטעלן עטלעכע באַסעלינע סטיילז פֿאַר HTML5 <figure>און <figcaption>עלעמענטן. בילדער אין פיגיערז האָבן קיין יקספּליסאַט גרייס, אַזוי זיין זיכער צו לייגן די .img-fluidקלאַס צו דיין <img>צו מאַכן עס אָפּרופיק.

Placeholder 400x300
א קעפּל פֿאַר די אויבן בילד.
HTML
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

אַליינינג די קעפּל פון די פיגור איז גרינג מיט אונדזער טעקסט יוטילאַטיז .

Placeholder 400x300
א קעפּל פֿאַר די אויבן בילד.
HTML
<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;