চিত্ৰসমূহ
প্ৰতিক্ৰিয়াশীল আচৰণলৈ প্ৰতিমুৰ্তিসমূহ নিৰ্বাচন কৰাৰ বাবে নথিপত্ৰ আৰু উদাহৰণসমূহ (গতিকে সিহত কেতিয়াও সিহতৰ মূল উপাদানসমূহতকৈ ডাঙৰ নহয়) আৰু সিহতত লঘু শৈলীসমূহ যোগ কৰক—সকলো শ্ৰেণীসমূহৰ যোগেদি।
বুটষ্ট্ৰেপত ছবিসমূহ ৰ সৈতে সঁহাৰিজনক কৰা হয় .img-fluid
। max-width: 100%;
আৰু height: auto;
ছবিখনত প্ৰয়োগ কৰা হয় যাতে ই মূল উপাদানৰ সৈতে স্কেল কৰে।
SVG ছবি আৰু IE 10
Internet Explorer 10 ত, SVG ছবিসমূহৰ সৈতে .img-fluid
অসমতাপূৰ্ণ আকাৰৰ। এইটো ঠিক কৰিবলৈ width: 100% \9;
প্ৰয়োজনত যোগ কৰক। এই সমাধানে অন্য প্ৰতিমুৰ্তি বিন্যাসসমূহৰ আকাৰ ভুলকৈ দিয়ে, গতিকে Bootstrap এ ইয়াক স্বয়ংক্ৰিয়ভাৱে প্ৰয়োগ নকৰে ।
আমাৰ border-radius utilities ৰ উপৰিও , আপুনি .img-thumbnail
এটা ছবিক এটা ঘূৰণীয়া 1px সীমাৰ ৰূপ দিবলৈ ব্যৱহাৰ কৰিব পাৰে ।
সহায়ক ফ্ল'ট শ্ৰেণীসমূহ বা লিখনী প্ৰান্তিককৰণ শ্ৰেণীসমূহৰ সৈতে ছবিসমূহ প্ৰান্তিককৰণ কৰক । block
-স্তৰৰ ছবিসমূহক মাৰ্জিন সঁজুলি শ্ৰেণী ব্যৱহাৰ কৰি.mx-auto
কেন্দ্ৰীভূত কৰিব পাৰি ।
যদি আপুনি এটা নিৰ্দিষ্ট ৰ বাবে <picture>
একাধিক উপাদান ধাৰ্য্য কৰিবলে উপাদান ব্যৱহাৰ কৰিছে , নিশ্চিত কৰক যে শ্ৰেণীসমূহক টেগত যোগ কৰা নহয় ।<source>
<img>
.img-*
<img>
<picture>