Source

اعداد و شمار

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

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

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

400x300
اوپر کی تصویر کے لیے ایک کیپشن۔
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

تصویر کے کیپشن کو سیدھ میں لانا ہماری ٹیکسٹ یوٹیلیٹیز کے ساتھ آسان ہے ۔

400x300
اوپر کی تصویر کے لیے ایک کیپشن۔
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>