💻 آخرین فرصت یادگیری برنامه‌نویسی با آفر ویژه قبل از افزایش قیمت در ۵ آذر ماه (🎁 به همراه یک هدیه ارزشمند )
۰ ثانیه
۰ دقیقه
۰ ساعت
۳ مهدی رزمی
گرید بندی بوت استرپ
پوریا محمدرضایی حل شده توسط پوریا محمدرضایی

سلام ، وقتتون بخیر استاد

 

من دارم روی پروژه املاک که نسخه تحت وب موبایل و دسکتاپ داره کار میکنم، میخوام جوری کار کنم که کد نویس فرانت اند شرکت ایرادی رو به نسخه ui نگیره ، ابهاماتی که برام وجود داره :


۱ - برای نسخه تحت وب (موبایل ) هم گرید بندی خاصی (‌مثل نسخه دسکتاپ که فرمودین ۱۲ ستونه هست ) وجود داره ؟ یا فقط رعایت ضریب ۸ توی فواصل کفایلت میکنه ( از لحاظ استانداردی ) ؟

 

۲ - برای نسخه دسکتاپ گرید بندی ۱۲ ستونه فقط باید لحاظ بشه یا استاندارد خاصی برای فواصل بین ستون هست ؟ چون برای پروژه ۷ لرن ۶۵ گذاشتین ، برای فروشگاه فک میکنم ۷۵ پیکسل .

 

۳ - و اینکه برای نسخه موبایل به صورت پیش فرض از همون ارتبورد iphone باید استفاده بشه ؟ چون نسبت ابعادیشون با هم فرق داره ، و اینکه این مهمه از ابعاد ایفون استفاده بشه یه تک ابعاد اندروید که به صورت پیش فرض داخل xd هست ؟

 

 

ممنون از وقتی که گذاشتین 

سلام مهدی جان

 

۱ - متاسفانه بوت استرپ ضریب ۸ نیست اصلا و تمامی اعداد ضریب ۵ هستند

از فاصله Gutter‌ها و تمامی اندازه‌ها بر اساس ضریب ۵ ساخته شدند.

شما زمانی که میخواید ریسپانسیو کنید برای هر کدوم از صفحات نسخه جدایی باید در نظر بگیرید که هر صفحه شامل Breakpoint‌های مختلفی مثل موبایل و تبلت و دسکتاپ و غیره خواهند شد.

فرانت اند دولوپر زمانی که روی هر کدام از این Breakpoint‌ها کار می‌کنه اندازه ستون هاش ۱۲ هستش

ولی شما وقتی کار می‌کنید نیاز نیست مثلا برای موبایل ۱۲ ستون در نظر بگیری

این لینک رو ببین

https://www.sketchappsources.com/resources/source-image/bootstrap-4-default-grid-system-yavuzyolbir.png

میتونی سرچ کنی و در موردش بخونی

معمولا روی موبایل بین ۲ تا ۴ ستون در نظر میگیرن که ۴ ستون مناسب‌تر هستش

 

۲ - شما اگر بخواید با بوت استرپ کار کنید باید اندازه‌های همون رو در نظر بگیرید

اونجا هم روی یکی از پروژه‌ها گفتم که اندازه ای که داریم در نظر میگیریم کاملا شخصی انتخاب شده و استاندارد خاصی نداره

ولی اگر بخواید روی بوت استرپ کار کنید باید حتما document اش رو بخونید

این لینک رو ببین

https://formoid.com/articles/data/upload/2017/05/grid-options.jpg

 

۳ - ریسپانسیو روی موبایل معمولا تا ۳۲۰ اتفاق میوفته

میتونی سایز عادی اندروید رو در نظر بگیری براش که ۳۶۰ در ۶۴۰ هستش

بهترین پاسخ
پوریا محمدرضایی ۰۲ دی ۱۳۹۹، ۱۳:۱۸

ممنونم از توضیحاتتون . و یه خواهشی داشتم ، خیلی از بچه‌ها مثل من علاقمند استفاده از تجربیات اساتیدی مثل شما هستن ، اگه در حین اموزش استاندارد‌ها هم ذکر بفرمایین کمک بزرگی بهمون میکنه ، چون اموزش شما الگو و بنای کاری ما میشه . بازم ممنونم 

مهدی رزمی ۰۲ دی ۱۳۹۹، ۲۱:۳۳

خواهش می‌کنم

استانداردهایی که نیاز باشه رو حتما میگم (مثل Material design و غیره)’

پوریا محمدرضایی ۰۲ دی ۱۳۹۹، ۲۱:۵۵