تمام صفحه شدن تصویر در صفحه ی اصلی سایت

Sajadszm

تازه وارد
9/8/13
53
4
8
20
botsup.ir
سلام و خسته نباشید خدمت دوستان عزیز؛
من میخوام این تصویر توی سایتم تمام صفحه باشه ولی هرکاری میکنم این اتفاق نمی افته.سایزش رو زیاد و کم میکنم،با css تغییر میدم یا با ویژوال کامپوزر اتفاقی نمی افته.کسی میدونه چرا؟
 

پیوست ها

حسن غویشه

کاربر عضو
6/1/16
359
17
18
24
درود

@Sajadszm خوبی؟

چون جدش (پدر، پدر) 6 تا عنصر بالاتر از چپ و راست Padding داره! واسه همین تصویر از راست و چپ نمی چسبه و توصیه من این هست که بذاری همینجوری بمونه چون ضاهر بهتری داره


ولی اگه میخوای تغییر بدی یک راه هست که کمی کار داره!

کد زیر رو بذاری تو استایل قالبت


کد:
.sober-container {

    padding-left: 0 !Important;

    padding-right: 0 !Important;

}
ولی مشکلی که داره این هست که قالبت از بالا تا پایین صفحه Padding رو از دست میده و ظاهرش بد میشه!

پس باید از بالا تا پایین قالب رو چک کنی و هرجا که لازم بود Padding بدی

واسه راحتی کار کد زیر رو بذار تو استایل قالبت و هر جا که میخواستی Padding بدی از نام کلاس px-40 زیر استفاده کن


CSS:
.px-40 {
    padding-left: 40px;
    padding-right: 40px;
}


متاسفانه نسخه بوت استرپ قالبت 3.3.6 هست و من باهاش کار نکردم وگرنه راه ساده تری داشتی




😘