مرکزی مواد پر جائیں۔ ڈاکس نیویگیشن پر جائیں۔
in English

اعداد و شمار

بوٹسٹریپ میں اعداد و شمار کے جزو کے ساتھ متعلقہ تصاویر اور متن کو ظاہر کرنے کے لیے دستاویزات اور مثالیں۔

اس صفحہ پر

جب بھی آپ کو مواد کا ایک ٹکڑا ظاہر کرنے کی ضرورت ہو—جیسے اختیاری کیپشن والی تصویر، استعمال کرنے پر غور کریں <figure>۔

HTML5 اور عناصر کے لیے کچھ بنیادی طرزیں فراہم کرنے کے لیے شامل کردہ .figureاور .figure-imgکلاسز .figure-captionکا استعمال کریں۔ اعداد و شمار میں امیجز کا کوئی واضح سائز نہیں ہے، اس لیے اسے ریسپانسیو بنانے کے لیے اپنی کلاس میں شامل کرنا نہ بھولیں ۔<figure><figcaption>.img-fluid<img>

Placeholder 400x300
اوپر کی تصویر کے لیے ایک کیپشن۔
<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
اوپر کی تصویر کے لیے ایک کیپشن۔
<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;