تصويرون
تصويرن کي جوابي رويي ۾ چونڊڻ لاءِ دستاويز ۽ مثال (انهي ڪري اهي ڪڏهن به پنهنجي والدين جي عنصرن کان وڏا نه ٿين) ۽ انهن ۾ هلڪو وزن وارو انداز شامل ڪريو- سڀ ڪلاسن ذريعي.
جوابي تصويرون
بوٽ اسٽريپ ۾ تصويرن کي جوابي سان ٺاهيو ويو آهي .img-fluid
. max-width: 100%;
۽ height: auto;
تصوير تي لاڳو ڪيا ويا آهن ته جيئن اهو ماپيندڙ عنصر سان ماپ ڪري.
SVG تصويرون ۽ انٽرنيٽ ايڪسپلورر
انٽرنيٽ ايڪسپلورر 10 ۽ 11 ۾، SVG تصويرون سان گڏ .img-fluid
غير متناسب سائيز آهن. هن کي درست ڪرڻ لاء، شامل ڪريو width: 100%;
يا .w-100
جتي ضروري هجي. اهو درست ڪري ٿو غلط طريقي سان ٻين تصويري فارميٽ کي، تنهنڪري بوٽ اسٽراپ ان کي خودڪار طريقي سان لاڳو نٿو ڪري.
تصوير ٿمبنيلس
اسان جي بارڊر -ريڊيس يوٽيلٽيز کان علاوه ، توهان استعمال ڪري سگهو ٿا .img-thumbnail
هڪ تصوير کي هڪ گول 1px بارڊر ظاهر ڪرڻ لاءِ.
ترتيب ڏيڻ واريون تصويرون
مدد ڪندڙ فلوٽ ڪلاس يا ٽيڪسٽ الائنمينٽ ڪلاس سان تصويرن کي ترتيب ڏيو . block
-سطح تصويرون مارجن يوٽيلٽي ڪلاس استعمال ڪندي.mx-auto
مرڪز ٿي سگهن ٿيون .
تصوير
جيڪڏھن توھان عنصر استعمال ڪري رھيا آھيو ھڪڙي مخصوص لاءِ <picture>
گھڻن عنصرن کي واضع ڪرڻ لاءِ ، پڪ ڪريو ته طبقن کي شامل ڪريو ۽ ٽيگ ۾ نه .<source>
<img>
.img-*
<img>
<picture>