تغییر ترتیب نمایش ساید بار در بوت استرپ

[ravand]

این قالب را ببینید:
http://hairdressers.parspa.com/
ما سه تا ستون زیر منوها داریم . دو تاش ساید بار هست که سمت چپ و راست مطالب هست. من میخوام در نسخه ی مبایل وقتی این ستون ها زیر هم قرار میگیره اول دو تا ساید بار نمایش داده بشه بعد مطالب. یعنی مطالب زیر دو ستون سایدبار قرار بگیره.
متشکرم.

[mohammad425]

خوب کدهای سایدبار رو قبل از کدهای مطالب قرار بدین

[ravand]

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

[mohammad425]

منم همونو گفتم!
وقتی کدهای ساید بار رو قبل از کدهای مطالب قرار بدین (aside رو قبل از section بزارین) توی نسخه ی موبایل ساید بار قبل از مطالب قرار میگیره

[ravand]

منم همونو گفتم!
وقتی کدهای ساید بار رو قبل از کدهای مطالب قرار بدین (aside رو قبل از section بزارین) توی نسخه ی موبایل ساید بار قبل از مطالب قرار میگیره
یا من متوجه منظور شما نمیشم یا شما متوجه منظور من نمیشی!
الان این کاری که شما گفتی رو من بکنم. درسته توی مبایل اول دو تا ساید بار نمایش داده میشه بعد مطلب. ولی وقتی برگردیم به همون نمایشگر مثلا crt می بینیم که دو تا سایدبار کنار هم قرار میگیره و قسمت مطالب میره مثلا سمت چپ!
اگه قالبم ریسپانسیو نبود و نسخه ی مبایل نداشتم مشکلی نبود. ولی الان وضعت فرق داره!

[mohammad425]

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

[ravand]

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

[mohammad425]

شما اینو با بوت استرپ درست کردین؟!!

[mohammad425]

قالب شما اصلا واکنشگرا نیست!
توی این سایت تست کنید:
http://responsive.avasite.ir

[ravand]

شما اینو با بوت استرپ درست کردین؟!!


قالب شما اصلا واکنشگرا نیست!
توی این سایت تست کنید:
http://responsive.avasite.ir
شما درست نوشته های منو نمی خونی . نه این قالب رو من نساختم من این قالب رو به عنوان یه قالب سه ستونه گذاشتم. تا ملت بفهمن منظور من چیه! :لبخند: نه این واکنش گرا نیست.

[mohammad425]

شما درست نوشته های منو نمی خونی . نه این قالب رو من نساختم من این قالب رو به عنوان یه قالب سه ستونه گذاشتم. تا ملت بفهمن منظور من چیه! :لبخند:
نه این واکنش گرا نیست.
به هرحال من با اون روشی که گفتم نتیجه گرفتم حالا اگه دوستان دیگه روش دیگه ای بلدن بگن
موفق باشید.

[سعید کشاورز]

باید از کلاسهای pull و push استفاده کنی مشکلت حل میشه..توی html اول div ستون ها رو قرار میدی بعدش div محتوا رو..حالا توی لپتاپ اینا جا به جا هستن یعنی div ستون سمت چپه و div محتوی سمت راست اوکی؟ حالا میای کلاس push رو به div ستون کناری اختصاص میدی و کلاس pull رو به قسمت محتوا...حالا اینا جا به جا میشن و توی لپتاپ به این صورت هستن که div ستون سمت راست و div محتوا سمت چپ..وقتی صفحه رو کو چیک کنی div ستون بالاتر از محتوا قرار میگیره..اگه متوجه نشدی بگو با کد توضیح بدم

[ravand]

من روش
mohammad425 (http://barnamenevis.org/member.php?331788-mohammad425) را هم امتحان کردم خیلی راحت جواب داد. روش pro_man (http://barnamenevis.org/member.php?215381-pro_man) رو هم روش خوبیه ولی حالا این روش اولی راحت تره. از همتون متشکرم.

[سعید کشاورز]

روشی که محمد گفت به عیبی داره..اونی که بالاتره سمت چپ میوفته..یعنی مثلا اول div ستون رو میذاری بعد div محتوی توی لپتاپ ستون سمت چپه...درسته که توی موبایل ستون سمت چپه اما شما لپ تاپ هم در نظر بگیر که ستون اونجا باید سمت راست باشه..اونوقت حتما باید از کلاس های push و pull استفاده کنی..