imaniy

ترتیب نمایش المنت ها در موبایل ها

imaniy ۱۳۹۷/۰۷/۰۲ زبان سی‌اس‌اس

سلام من یک صفحه با بوت استرپ طراحی کردم که اول اومدم نوبار رو طراحی کردم بعد قسمت پست ها بعد سایدبار و بعدش قسما صفحه بندی یا همون pagination حالا این تو نسخه موبایل میاد دقیقا به همون صورتی که من کد رو نوشتم رو نشون میده یعنی نوبار که بالا هست بعد میاد پست ها رو نشون میده و بعد سایدبار و بعدش میاد قسمت صفحه بندی رو نشون میده... حالا من چیکار کنم که قسمت صفحه بندی رو قبل سایدبار بیاد نشون بده ؟ ایا بوسیله @media یا قابلیت های flex میشه اینکار رو کرد؟ میشه کسی که بلده توضیح بده؟ ممنون از شما. 

پاسخ‌ها به این تاپیک
imaniy
imaniy
۱۳۹۷/۰۷/۰۳

دوستان خودم جواب رو پیدا کردم با order اینکار رو میشه کرد فقط مشکلی که وجود داره اینه که ما در بوت استرپ ۳ سایزهای :
xs
sm
md
lg
xl
رو داشتیم ولی تو بوت استرپ ۴ ما xs که همون (Extra Small) هستش رو نداریم و این دردسر ساز شده برای من باید چیکار کنم؟

من کد رو به این صورت نوشتم ولی xs کار نمیکنه :

https://liveweave.com/xcWmBR#&togetherjs=S4pVbKETHL