loading...

????? ???? ???????

بازدید : 16
دوشنبه 21 خرداد 1403 زمان : 12:25

بوت استرپ 3 و عمل کردن با آن بسیار شادی بخش بود و تا August 10, 2017 این فریمورک با نغییرات جزئی به عمل خویش افزود . همان 4 سال کل یعنی دوبرابر بیشتر از ورژن 2 ، ورژن 3 ارائه سرویس ها کرد . ولی هنگامی که بوت استرپ 4 ظهور کرد شاهد تغییراتی فوق العاده شدیم که می‌قدرت چنین اعلام‌کرد که بوت استرپ در ورژن 4 ، سنگ بنایی طراحی سایت اختصاصی را ارائه کرد که کلیه رقیبان نیز به‌تدریج به درنگ افتادند تا بدین طریق ، برای طراح ، شغل را معمولی نمایند و به منجر این سیستم ، در پیاده سازی انعطاف بیشتری داشته باشند .

شگرف‌ترین تغییر و تحول در بوت استرپ 4 تغییر‌و تحول کردن ردیف ها از ساختار Float به ساختار Flex بود که می‌اقتدار خاطرنشان کرد بیشتراز 90% محدودیت‌هایی در ردیف بندی و همینطور دکورا سیون را از در بین برداشت . هنگامی که از تکنولوژی Flex استعمال کنیم ، محدودیت ردیف بندی‌هایی که در برخی اندازه‌ها داریم از در بین برداشته شدند . از جمله به وسیله سیستم گرید بوت استرپ 3 ، قدرتمند نبودیم تا 5 ردیف در کنار هم داشته باشیم و ردیف‌های هر ستون یا این که می بایست 6 تا بودند ، یا این که 4 تا یا این که 3 عدد و در موقعیت کمتر نیز 1 و 2 ردیف .


هنگامی که از Flex به کارگیری کنیم ، به وسیله ساختاری که‌این تکنولوژی در چنگ ما قرار خواهد بخشید ، قادر خواهیم بود تعداد ردیف‌های دلخواه را در بوت استرپ داشته باشیم . همچینن به جهت استعمال نکردن از وضعیت Float برای هرمورد از ردیف‌ها ، ساختار بندی در وبسایت‌های راست به چپ و مخصوصا فارسی بسیار ریلکس‌خیس بود . تکنولوژی Flex با دقت به خصوصیت Direction در تگ html ، دکوراسیون و جهت ورقه را درنظر گرفته و جهت المان‌های کاغذ را بصورت راست به چپ و یا این که چپ به راست تهیه می‌نماید . ولی با این وجود گشوده هم در بوت استرپ ورژن 4 ، یک کتابخانه راست چین المانی بود که به آن حس نیاز میشد .

رنگ هایی که در بوت استرپ 4 تغییر تحول کردند حقیقتا جلوه خیلی زیبایی به سایت‌ها دادند . بوت استرپ 4 با گسترش ورژن Css خویش بر روی گویش Sass این قابلیت را به طراحان بخشید تا پا را از حد بالاتر نهاده و دسترسی بهتری به پالت‌های رنگ داشته وسرعت کدنویسی را با صرفه نمایند . هسته بوت استرپ 4 نسبت به ورژن 3 کاملا ویرایش گردیده و سرعت آن نیز به طور کامل بهبود یافته بود . تغییر‌و تحول واحدهای اندازه گیری از Px به rem نیز حقیقتا شگفت انگیز بود .

رنگ های فلت به همدم رنگ ها Dark و Light که به هسته بوت استرپ 4 اضافه شدند نیز جالب بودند . یک کدام از اتفاقات دیگر که در ورژن 4 فیس اعطا کرد ، بهبود سیستم Layout در گوشی بود . ورژن تلفن همراه که در بوت استرپ 3 از پهنا 0 تا 767 پیکسل بود در بوت استرپ 4 به 576 پیکسل تغییر و تحول یافت که واقعا نیز شغل صدق بود به دلیل آن که پهنا 767 برای گوشی حتی‌در شرایط افقی نیز پهنا متعددی بود . به همین عامل بوت استرپ یک ردیف بندی دیگر نیز به سیستم Layout خویش اضافه کرد که با اسم Xl یا این که به عبارتی Extra Large شناخته میشود . در واقع 4 عرضی که در بوت استرپ ورژن 3 وجود داشت به 5 پهنا در بوت استرپ ورژن 4 تغییر‌و تحول یافت و استایل دهی و ردیف بندی در گوشی و تبلت بسیار بهبود یافته و المان‌ها با اندازه و بعدها منظم‌تری اکران داده شدند .

هیبت‌هایی که با ظواهر خوب ارائه شدند ، اضافه شدن کلاس های گوناگون به row ها و همینطور قابلیت تغییر تحول در Breakpoint های متعدد به عنوان مثال تغییرات عالی در بوت استرپ 4 بود . هنگامی که در بوت استرپ 3 حالتی برای یک Div معین میشد ، از نگاه خصوصیت padding و margin در همه پهنا‌ها به به عبارتی وضعیت اکران داده میشد ولی به امداد کلاس‌های ( mb , mt , pb , pt …. ) که برای پهنا‌های متعدد به صورت ( mb-md , mb-sm ) و … تعریف‌و‌تمجید گردیده بودند ، توانستیم یک وضعیت خاص را صرفا برای پهنا‌های خاصی تعریف‌و‌تمجید کنیم . مثلا یک Div تنها در موقعیت گوشی دارنده پدینگ از بالا باشد و از پهنا‌های تلفن همراه به بالا این پدینگ از بالا حذف گردد که از صدقه رمز امرها media در Css بود .

در ورژن بوت استرپ 3 ناچار به تایپ کردن واحد سنجش متعددی کدهای Media بودیم تا بتوانیم این موقعیت را در اختیار گرفتن کنیم البته با سیستمی که در بوت استرپ 4 برای گونه های Breakpoint ها براساس گزینه‌های min-width و max-width به شکلی داهیانه ارائه شد ، کار کشته شدیم تا با تایپ کردن نام فقط یک‌سری کلاس ، خصوصیت‌های متعدد را در موقعیت‌های متعدد در اختیار گرفتن کنیم .
همینطور بوت استرپ ورژن 4 ، برای اصلی‌ترین کدهای Css نیز کلاس‌هایی با اسامی مطلوب و قابل ادراک تمجید کرد . به عنوان مثال کدهایی بصورت w-100 , d-block , d-inline-block , position-relative و .. برای مثال کدهایی بودند که در اکثریت المان‌های درون کد برای استایل دهی به شغل می‌رفتند و با به کار گیری از این کلاس‌ها در کدنویسی بصورت ظریف ، می‌اقتدار داعیه کرد که بیش تر از 60% کدهای تکراری از پوشه style.css ما حذف می‌شدند .

همینطور اضافه شدن کلاس هایی مثل Border , rounded و … که به عنوان مثال استایل‌های پر کاربرد در پوشه style.css بودند و فرایند پیاده سازی با به کار گیری از این کلاس‌ها بسیار ریلکس شد . همگی تغییراتی که در بوت استرپ 4 نسبت به ورژن 3 آن وجود دارااست را میتوانید در جدول تحت ملاحظه کنید به دلیل آن که تغییرات بوت استرپ 4 در ورژن نهایی آن نسبت به بوت استرپ 3 مقداری مختلف بود و می‌قدرت چنین خاطرنشان کرد که با ظهور بوت استرپ 4 ، بوت استرپ 3 نیز برای پیاده سازی‌های نو کلا کنار رفت چرا‌که سیستم Flex و همینطور Grid بندی مطلوب درکنار کلاس‌های کمکی بسیار زیاد ، ما‌را موظف و مشتاق به سفر از ورژن 3 به ورژن 4 نمود .

بوت استرپ 3 و عمل کردن با آن بسیار شادی بخش بود و تا August 10, 2017 این فریمورک با نغییرات جزئی به عمل خویش افزود . همان 4 سال کل یعنی دوبرابر بیشتر از ورژن 2 ، ورژن 3 ارائه سرویس ها کرد . ولی هنگامی که بوت استرپ 4 ظهور کرد شاهد تغییراتی فوق العاده شدیم که می‌قدرت چنین اعلام‌کرد که بوت استرپ در ورژن 4 ، سنگ بنایی طراحی سایت اختصاصی را ارائه کرد که کلیه رقیبان نیز به‌تدریج به درنگ افتادند تا بدین طریق ، برای طراح ، شغل را معمولی نمایند و به منجر این سیستم ، در پیاده سازی انعطاف بیشتری داشته باشند .

شگرف‌ترین تغییر و تحول در بوت استرپ 4 تغییر‌و تحول کردن ردیف ها از ساختار Float به ساختار Flex بود که می‌اقتدار خاطرنشان کرد بیشتراز 90% محدودیت‌هایی در ردیف بندی و همینطور دکورا سیون را از در بین برداشت . هنگامی که از تکنولوژی Flex استعمال کنیم ، محدودیت ردیف بندی‌هایی که در برخی اندازه‌ها داریم از در بین برداشته شدند . از جمله به وسیله سیستم گرید بوت استرپ 3 ، قدرتمند نبودیم تا 5 ردیف در کنار هم داشته باشیم و ردیف‌های هر ستون یا این که می بایست 6 تا بودند ، یا این که 4 تا یا این که 3 عدد و در موقعیت کمتر نیز 1 و 2 ردیف .


هنگامی که از Flex به کارگیری کنیم ، به وسیله ساختاری که‌این تکنولوژی در چنگ ما قرار خواهد بخشید ، قادر خواهیم بود تعداد ردیف‌های دلخواه را در بوت استرپ داشته باشیم . همچینن به جهت استعمال نکردن از وضعیت Float برای هرمورد از ردیف‌ها ، ساختار بندی در وبسایت‌های راست به چپ و مخصوصا فارسی بسیار ریلکس‌خیس بود . تکنولوژی Flex با دقت به خصوصیت Direction در تگ html ، دکوراسیون و جهت ورقه را درنظر گرفته و جهت المان‌های کاغذ را بصورت راست به چپ و یا این که چپ به راست تهیه می‌نماید . ولی با این وجود گشوده هم در بوت استرپ ورژن 4 ، یک کتابخانه راست چین المانی بود که به آن حس نیاز میشد .

رنگ هایی که در بوت استرپ 4 تغییر تحول کردند حقیقتا جلوه خیلی زیبایی به سایت‌ها دادند . بوت استرپ 4 با گسترش ورژن Css خویش بر روی گویش Sass این قابلیت را به طراحان بخشید تا پا را از حد بالاتر نهاده و دسترسی بهتری به پالت‌های رنگ داشته وسرعت کدنویسی را با صرفه نمایند . هسته بوت استرپ 4 نسبت به ورژن 3 کاملا ویرایش گردیده و سرعت آن نیز به طور کامل بهبود یافته بود . تغییر‌و تحول واحدهای اندازه گیری از Px به rem نیز حقیقتا شگفت انگیز بود .

رنگ های فلت به همدم رنگ ها Dark و Light که به هسته بوت استرپ 4 اضافه شدند نیز جالب بودند . یک کدام از اتفاقات دیگر که در ورژن 4 فیس اعطا کرد ، بهبود سیستم Layout در گوشی بود . ورژن تلفن همراه که در بوت استرپ 3 از پهنا 0 تا 767 پیکسل بود در بوت استرپ 4 به 576 پیکسل تغییر و تحول یافت که واقعا نیز شغل صدق بود به دلیل آن که پهنا 767 برای گوشی حتی‌در شرایط افقی نیز پهنا متعددی بود . به همین عامل بوت استرپ یک ردیف بندی دیگر نیز به سیستم Layout خویش اضافه کرد که با اسم Xl یا این که به عبارتی Extra Large شناخته میشود . در واقع 4 عرضی که در بوت استرپ ورژن 3 وجود داشت به 5 پهنا در بوت استرپ ورژن 4 تغییر‌و تحول یافت و استایل دهی و ردیف بندی در گوشی و تبلت بسیار بهبود یافته و المان‌ها با اندازه و بعدها منظم‌تری اکران داده شدند .

هیبت‌هایی که با ظواهر خوب ارائه شدند ، اضافه شدن کلاس های گوناگون به row ها و همینطور قابلیت تغییر تحول در Breakpoint های متعدد به عنوان مثال تغییرات عالی در بوت استرپ 4 بود . هنگامی که در بوت استرپ 3 حالتی برای یک Div معین میشد ، از نگاه خصوصیت padding و margin در همه پهنا‌ها به به عبارتی وضعیت اکران داده میشد ولی به امداد کلاس‌های ( mb , mt , pb , pt …. ) که برای پهنا‌های متعدد به صورت ( mb-md , mb-sm ) و … تعریف‌و‌تمجید گردیده بودند ، توانستیم یک وضعیت خاص را صرفا برای پهنا‌های خاصی تعریف‌و‌تمجید کنیم . مثلا یک Div تنها در موقعیت گوشی دارنده پدینگ از بالا باشد و از پهنا‌های تلفن همراه به بالا این پدینگ از بالا حذف گردد که از صدقه رمز امرها media در Css بود .

در ورژن بوت استرپ 3 ناچار به تایپ کردن واحد سنجش متعددی کدهای Media بودیم تا بتوانیم این موقعیت را در اختیار گرفتن کنیم البته با سیستمی که در بوت استرپ 4 برای گونه های Breakpoint ها براساس گزینه‌های min-width و max-width به شکلی داهیانه ارائه شد ، کار کشته شدیم تا با تایپ کردن نام فقط یک‌سری کلاس ، خصوصیت‌های متعدد را در موقعیت‌های متعدد در اختیار گرفتن کنیم .
همینطور بوت استرپ ورژن 4 ، برای اصلی‌ترین کدهای Css نیز کلاس‌هایی با اسامی مطلوب و قابل ادراک تمجید کرد . به عنوان مثال کدهایی بصورت w-100 , d-block , d-inline-block , position-relative و .. برای مثال کدهایی بودند که در اکثریت المان‌های درون کد برای استایل دهی به شغل می‌رفتند و با به کار گیری از این کلاس‌ها در کدنویسی بصورت ظریف ، می‌اقتدار داعیه کرد که بیش تر از 60% کدهای تکراری از پوشه style.css ما حذف می‌شدند .

همینطور اضافه شدن کلاس هایی مثل Border , rounded و … که به عنوان مثال استایل‌های پر کاربرد در پوشه style.css بودند و فرایند پیاده سازی با به کار گیری از این کلاس‌ها بسیار ریلکس شد . همگی تغییراتی که در بوت استرپ 4 نسبت به ورژن 3 آن وجود دارااست را میتوانید در جدول تحت ملاحظه کنید به دلیل آن که تغییرات بوت استرپ 4 در ورژن نهایی آن نسبت به بوت استرپ 3 مقداری مختلف بود و می‌قدرت چنین خاطرنشان کرد که با ظهور بوت استرپ 4 ، بوت استرپ 3 نیز برای پیاده سازی‌های نو کلا کنار رفت چرا‌که سیستم Flex و همینطور Grid بندی مطلوب درکنار کلاس‌های کمکی بسیار زیاد ، ما‌را موظف و مشتاق به سفر از ورژن 3 به ورژن 4 نمود .

نظرات این مطلب

تعداد صفحات : 0

درباره ما
موضوعات
آمار سایت
  • کل مطالب : 352
  • کل نظرات : 0
  • افراد آنلاین : 1
  • تعداد اعضا : 0
  • بازدید امروز : 42
  • بازدید کننده امروز : 1
  • باردید دیروز : 312
  • بازدید کننده دیروز : 0
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 361
  • بازدید ماه : 522
  • بازدید سال : 1116
  • بازدید کلی : 17181
  • <
    پیوندهای روزانه
    اطلاعات کاربری
    نام کاربری :
    رمز عبور :
  • فراموشی رمز عبور؟
  • خبر نامه


    معرفی وبلاگ به یک دوست


    ایمیل شما :

    ایمیل دوست شما :



    کدهای اختصاصی