imaniy
6 سال پیش توسط imaniy مطرح شد
5 پاسخ

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

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


ثبت پرسش جدید
محمد یوسفی پور
تخصص : برنامه نویس، لینوکس، طراحی وب
@myp79 6 سال پیش مطرح شد
1

https://getbootstrap.com/docs/4.1/layout/grid/
به این لینک مراجعه کن به قسمت Grid Option احتمالا مشکلت در رابطه با xs حل بشه چون حذف شده.
بعد من نگا کردم با توجه به flex که به bootstrap اصافه شده از order به عنوان یک کلاس میتونی استفاده کنی. به این شکل:
.order-1


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 6 سال پیش مطرح شد
imaniy
تخصص : طراح وب
@imaniy 6 سال پیش آپدیت شد
0

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

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

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


محمد یوسفی پور
تخصص : برنامه نویس، لینوکس، طراحی وب
@myp79 6 سال پیش مطرح شد
1

برای xs از این استفاده کن
.col-
برای جابه جایی اون قسمت هم میتونی از push و pull استفاده کنی.


imaniy
تخصص : طراح وب
@imaniy 6 سال پیش مطرح شد
0

محمد جان یعنی اینطوری؟
order-col-2
اخه این کار نمیکنه من میخام xs رو تو order بکار ببرم در ضمن push و pull تو بوت استرپ 3 بود تو 4 نیست فک کنم و order جاش رو گرفته.


محمد یوسفی پور
تخصص : برنامه نویس، لینوکس، طراحی وب
@myp79 6 سال پیش مطرح شد
1

https://getbootstrap.com/docs/4.1/layout/grid/
به این لینک مراجعه کن به قسمت Grid Option احتمالا مشکلت در رابطه با xs حل بشه چون حذف شده.
بعد من نگا کردم با توجه به flex که به bootstrap اصافه شده از order به عنوان یک کلاس میتونی استفاده کنی. به این شکل:
.order-1


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام