بوت استرپ

بوت‌استرپ 4 منو نجات داد!

بدون شک هر کسی که کارش با فرانت‌اند هست میزان اهمیت فریمورک هایی مثل بوت‌استرپ و فاندیشن و… رو می‌دونه و با مزیت ها و مشکلات استفاده از اون ها آشنا هست. تو این نوشته قصد دارم تغییراتی که در نسخه چهار Bootstrap اعمال شده رو بنویسم:

استفاده از کامپایلر Sass به جای Less

Less و Sass هر دو Preprocessor های قدرتمندی هستن اما به طور کلی میزان استفاده از Sass از رشد بیشتری برخوردار است.

بهبود سیستم Grid در Bootstrap 4

در سیستم جدید یه لایه دیگر به لایه های سایز افزوده شده ( xl, lg, md, sm, xs). حالا انتخاب ها و راحتی بیشتری در واکنشگرایی صفحات داریم. همچنین به جای float از flexbox استفاده شده که باعث می‌شه فرایند راست به چپ شدن صفحات خیلی راحت تر و در گاهی موارد بدون نیاز به اعمال تغییرات باشه.

استفاده از Card ها به جای thumbnail، well و panel ها

Card ها کامپوننت جدید بوت‌استرپ هستند که در واقع همان کار پَنل ها، تصاویر بند انگشتی و Well ها را انجام میدن؛ اما به صورت بهتر.

اعمال تمامی ریست‌ها با Reboot

به خاطر محدودیت هایی که در Normalize.css وجود داشت، بوت‌استرپ حالا از Reboot استفاده می کنه که از ریست های بهتری برخورداره. برای نمونه box-sizing:border-box و تنظیم بهتر margin ها.

امکان شخصی سازی بهتر و آسان تر

استایل های ضاهری مانند سایه ها، transition ها و gradient ها حالا با تغییر متغیر های sass  و کامپایل مجدد می توانند تنظیم شوند در حالی که در نسخه سه این استایل ها در فایل های استایل جداگانه قرار می گرفت.

عدم پشتیبانی از اینترنت اکسپلورر 8 و استفاده از واحد های em و rem

عدم پشتیبانی از اینترنت اکسپلورر 8  در بوت استرپ 4 باعث می‌شه که بشه از بهترین امکانات CSS بدون نگرانی استفاده کنیم. همچنین استفاده از واحد های نسبی em و rem سایزبندی کامپوننت ها و تایپوگرافی رسپانسیو بهتر و راحتتری فراهم می کنن.

Navbar بهتر

در نسخه alpha 6 نوار ناوبری به طور کامل از نو نوشته شده. با توجه به این که از flexbox برای پیاده سازی استفده شده، شک نداشته باشید که استفاده ازش کلی راحتتر میشه.

بازنویسی تمام پلاگین های جاوا اسکریپت

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

مستندات بهتر و کامل‌تر

تمامی مستندات بازنویسی شده اند. همچنین چند پلاگین کارامد اضافه شده تا کار با مثال ها و تکه کد ها راحتتر شود.

2 دیدگاه در “بوت‌استرپ 4 منو نجات داد!”

پاسخی بگذارید

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