طراحی سایت رسپانسیو با بوتسترپ ۳ – قسمت دوم

اشنایی با نحوه گرید بندی در بوت استرپ ۳

این فریمورک به طور پیشفرض صفحه را به صورت عرضی به ۱۲ قسمت تقسیم می کند که می توانید برای قالب بندی خود از این گرید به صورت customized شده استفاده کنید. برای روشن شدن موضوع به طور مثال فرض کنید شما صفحه ای دارید که شامل سه ستون است با استفاده از این فریمورک می توانید به راحتی صفحه ی خود را با استفاده از کلاس های کمکی که در این فریمورک تعریف شده است برای دستگاههای مختلف طراحی کنید.

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

۱٫xs برای گرید بندی در صفحه نمایش های بسیار کوچک است به طوریکه عرض صفحه نمایش انها از ۶۷۸ پیکسل کمتر باشد .

۲٫sm برای گریدبندی در صفحه نمایش های کوچک در نظر گرفته شده است . طوریکه عرض انها از ۶۷۸ بزرگتر باشد .

۳٫md برای صفحه نمایش های متوسط در نظر گرفته شده است بطوریکه عرض انها از ۹۹۲ پیکسل بزرگتر باشد .

۴٫ lg برای صفحه نمایش های بزرگ در نظر گرفته شده است به طوریکه عرض نمایشگر از ۱۲۰۰ باشد.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *