باز بدە بۆ ناوەڕۆکی سەرەکی باز بدە بۆ گەشتکردن بە دۆکیومێنتەکان
Check
in English

ژمارەکان

بەڵگەنامە و نموونە بۆ پیشاندانی وێنە و دەقی پەیوەندیدار بە پێکهاتەی وێنە لە Bootstrap.

لەم پەیجەدا

هەر کاتێک پێویستت بە پیشاندانی پارچە ناوەڕۆکێک بوو- وەک وێنەیەک کە سەرنووسێکی هەڵبژاردەیی هەبێت، بیر لە بەکارهێنانی <figure>.

پۆلەکانی included .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;