عکس های واکنش گرا در بوت استرپ
عکس ها در هر اندازه ای وجود دارند. عکس های واکنش گرا به طور اتوماتیک برای جا شدن در صفحه نمایش، تنظیم می شوند.
می توانید با اضافه کردن کلاس img-responsive. به تگ <img>، عکس های واکنش گرا را ایجاد کنید. سپس خواهید دید که عکس مورد نظر بخوبی در عنصر والد خود مقیاس دهی خواهد شد.
کلاس img-responsive. در واقع کد max-width: 100% و height: auto را به عکس اضافه می کند:
مثال (عکس های بوت استرپ)
<img class="img-responsive" src="img_chania.jpg" alt="Chania">
خودتان امتحان کنید »
