امیجز
جوابی رویے میں تصاویر کو منتخب کرنے کے لیے دستاویزات اور مثالیں (تاکہ وہ کبھی بھی اپنے والدین کے عناصر سے بڑے نہ ہوں) اور ان میں ہلکے پھلکے انداز شامل کریں—سب کچھ کلاسز کے ذریعے۔
بوٹسٹریپ میں امیجز کو اس کے ساتھ جوابدہ بنایا جاتا .img-fluid
ہے۔ max-width: 100%;
اور height: auto;
تصویر پر لاگو ہوتے ہیں تاکہ یہ بنیادی عنصر کے ساتھ پیمانہ ہو۔
SVG امیجز اور IE 10
انٹرنیٹ ایکسپلورر 10 میں، ایس وی جی امیجز کا .img-fluid
سائز غیر متناسب ہے۔ اسے ٹھیک کرنے کے لیے، width: 100% \9;
جہاں ضروری ہو شامل کریں۔ یہ فکس دوسرے تصویری فارمیٹس کو غلط طریقے سے سائز دیتا ہے، لہذا بوٹسٹریپ اسے خود بخود لاگو نہیں کرتا ہے۔
ہماری سرحدی رداس کی افادیت.img-thumbnail
کے علاوہ، آپ کسی تصویر کو گول 1px بارڈر کی شکل دینے کے لیے استعمال کر سکتے ہیں ۔
ہیلپر فلوٹ کلاسز یا ٹیکسٹ الائنمنٹ کلاسز کے ساتھ امیجز کو سیدھ میں کریں ۔ block
سطح کی تصاویر کو مارجن یوٹیلیٹی کلاس کا استعمال کرتے ہوئے سینٹر کیا جا سکتا .mx-auto
ہے ۔
اگر آپ <picture>
عنصر کو کسی مخصوص کے لیے متعدد <source>
عناصر کی وضاحت کرنے کے لیے استعمال کر رہے ہیں <img>
، تو یقینی بنائیں کہ .img-*
کلاسز کو ٹیگ میں شامل کریں <img>
نہ کہ <picture>
ٹیگ میں۔