مشکل با بوت استریپ و بهم ریختن سایت

این تاپیک 5 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  حمید رضا مصطفی زاده ،‏ 11 ماه پیش .

این تاپیک تاکنون 423 بازدید داشته است .

نویسنده پست
پنجشنبه ، 31 دسامبر 2015     9:14 ب.ظ #


roosta88

Subscriber
2 پست1 تاپیک

سلام دوستان.

یه مشکل اساسی برام پیش اومده.

آدرس سایت : www.digikhanevade.ir

سیستم : جوملا 2.5

قالب :sj_viste

این قالب که انگلیسی هست از بوت استریپ استفاده کرده. اما توی تنظمیاتش خاصیت راست چین هم داره.

من ویژگی رسپانسیو بودنش رو کنسل کردم و با حدود آشنایی که با css داشتم سایت رو درستش کردم ( البته خیلی واسش زحمت کشیدم تا این جوری بشه)

مشکل من اینه که قالب الان نه ثابت هست نه رسپانسیو. در حالت عادی سایت خوبه اما وقتی مرورگر رو کوچیک کنی سایت میره سمت چپ. توی گوشی هم همینطوره و باید به سمت چپ اسکرول کنی تا کل سایت رو ببینی، سایت هم کوچیک نمیشه که بتونی همش رو ببینی.

متاسفانه تا قبل از این آشنایی با بوت استریپ نداشتم الان یه چیزایی متوجه شدم. فکر می کنم مشکل هم از همین خاصیت باشه.

خواشه می کنم کمکم کنید. خیلی دعاتون می کنم.

ممنونم.

1  تشکر
پنجشنبه ، 31 دسامبر 2015     10:50 ب.ظ #


حمید رضا مصطفی زاده

Subscriber
124 پست11 تاپیک

سلام دوست عزیز

بهتر بود رسپاسنیو بودن اون رو که در صفحه نمایشگر های مختلف متناسب هست رو کنسل نمیکردید و با همون بوت استرپ بالا می آوردید

شما الان باید برای رزولیشن های موبایل تبلت فبلت هم بشینید کد css بزنید و با استفاده از media تعریف کردن واسه هر کدومش اون رو رسپانسیو کنید.

در صورتی که اگه بوت استرپ بود دیگه چنین مشکلاتی نداشتید

پیشنهاد من اینه که اگه امکانش هست مجدد بوت استرپ رو با فایل هاتون اضافه کنبد

موفق باشید

1  تشکر
جمعه ، 1 ژانویه 2016     3:41 ب.ظ #


roosta88

Subscriber
2 پست1 تاپیک

ممنون از راهنماییتون.

فکر کنم منظورم رو درست نرسوندم.

وقتی تنظیمات قالب رو روی چپ چین می ذارم قالب به خوبی کار می کنه و وقت مرورگر رو کوچیک می کنیم اسکرول نمیشه اما وقتی راست چین می کنیم در حالت عادی مشکلی نیست اما وقتی مرورگر کوچیک بشه سایت به سمت چپ اسکرول می خوره. توی گوشی هم همینطور.

1  تشکر
شنبه ، 2 ژانویه 2016     7:57 ب.ظ #


حمید رضا مصطفی زاده

Subscriber
124 پست11 تاپیک

بوت استرپی که استفاده کردید نسخه rtl هم باید براش تنظیمات رو درست کنید.

اینطور که شما میفرمایید فقط نسخه انگلیسی اون در همه حالت ها خوب کار میکنه اما نسخه فارسی (راست چین) نسخه موبایلی اون خوب کار نمیکنه

شما کافیه بیاید و برای این رزولیشن تنظیماتش رو ست کنید.

به طور مثال عرض کنم:

مثلا بزنید برای media768 که مربوط به نسخه موبایل هست تو فایل های css تون بزنید

direction:rtl

و یا همین تنظیمات رو برای bootstrap-rtl خودتون انجام بدید.

و به همین ترتیب برای سایر قسمت هایی که میخواهید در حالت کوچک شده راست چین درست بشه

امیدوارم که تونسته باشم کمکتون کنم

موفق باشید

1  تشکر
یکشنبه ، 3 ژانویه 2016     5:03 ب.ظ #


roosta88

Subscriber
2 پست1 تاپیک

ممنونم دوستان.

مشکل از <meta name="viewport" content="width=device-width, initial-scale=1.0">  بود که با حذف اون درست شد.

0  تشکر
یکشنبه ، 3 ژانویه 2016     8:41 ب.ظ #


حمید رضا مصطفی زاده

Subscriber
124 پست11 تاپیک

خواهش میکنم

موفق باشید

0  تشکر
پست 1 تا 6 (از مجموع 6 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .