سلام به دوستان گرامی ,
من از یه اسلایدر تو سایتم استفاده میکنم که بصورت رسپانسیو و با Bootstrap 3.3.7 طراحی شده ,
مشکلی که هست اینه که تصاویر اسلایدر وقتی سایز صفحه کوچیکتر میشه بصورت کامل نمایش داده نمیشه :
در تصوریر زیر میبینید:
باید چه Css رو بهش بدم که در تمام نما ها و در هر سایزی که قرار میگیره تصویر بصورت کامل نمایش داده بشه ؟
اگه راهنمایی بفرمایید خیلی خیلی ممنون میشم.
سلام دوست عزیز.
از کد زیر استفاده کنید :
<img src="..." class="img-fluid" alt="...">
این کلاس بوت استرپ عرض رو برابر 100 درصد و طول رو روی auto تنظیم می کنه که برای رسپانسیو کردن عکس بکار کیره .
برای اطلاعات بیشتر در مورد کار با عکس ها در بوت استرپ به لینک زیر برو :
https://getbootstrap.com/docs/4.1/content/images/
سایت بالا کلا در مورد کار با بوت استرپه. حتما کلشو یه نگاهی بنداز کلی سرعت کارت میره بالا
موفق باشید
میتونید width:100% هم بدید
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)