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-right">A caption for the above image.</figcaption>
</figure>