خرید فالوور اینستاگرام خرید لایک اینستاگرام
ضعیفبد نیستمتوسطخوبعالی (7 votes, average: 5٫00 out of 5)
Loading...

ویژگی های جدید فریمورک BootStrap 4

تکنولوژی همانطور که زندگی را ساده تر کرده، طراحی وب را نیز آسان تر کرده است. اگر از مشتاقان طراحی وب سایت و فناوری های جدید باشید، حتما نام بوت استرپ را بار ها شنیده اید و بدون شک در انتظار انتشار چهارمین ورژن بوت استرپ بوده اید.

بوت استرپ انقلابی در طراحی وب، برای نمایش صفحات وب بصورت ریسپانسیو در گوشی های هوشمند و تبلت ها بود، بطوری که کاربران یک صفحه وب سایت را همانطور که در صفحه نمایش لپ تاپ منظم و زیبا مشاهده می نمایند در صفحه نمایش گوشی هوشمند و در سایز های مختلف نیز بتوانند مرتب و فیکس با صفحه نمایش شان مشاهده کنند و صفحات دچار بهم ریختگی نشود.

ویژگی های جدید BootStrap 4

هم اکنون پس از گذشت تقریبا 3 سال از انتشار نسخه آزمایشی بوت استرپ 4، ورژن نهایی آن با تغییرات بسیار مثبت انتشار یافته است که در ادامه آنها را به شما معرفی می نماییم.

  • ویژگی های BootStrap 4:
  1. مهاجرت از Less به Sass: این انتقال باعث شده تا ضمن سرعت بیشتر کامپایل، امکان سفارشی سازی سریع به کمک تغییر مقدار متغییر ها بوجود آید.
  2. پشتیبانی پیش فرض از ویژگی Flexbox: فلکس باکس یکی از قابلیت های CSS3 می باشد و استفاده از آن در بوت استرپ باعث صفحه آرایی بهتر می شود.
  3. تغییر سایز کلی فونت ها از 14px به 16 پیکسل.
  4. تغییر واحد اندازه گیری از px به rem: اثرگذاری بر اساس واحد تایپ، 1rem=16px.
  5. حذف پشتیبانی از اینترنت اکسپلورر 8 و نه و IOS 6: پشتیبانی از IE+10 و IOS +7  و سایر مرورگر ها
  6. بهبود سیستم شبکه ای(Grid): اضافه شدن درجه sm به گرید برای پشتیبانی صفحه نمایش های زیر 768 پیکسل، هم اکنون 5 درجه xs، sm، md، lg و xl را داریم. (.col-md-6 در ورژن 3 هم اکنون برابر است با col-lg-6 in v4)
  7. حذف panels، thumbnails و wells و استفاده از کامپوننت جدید Cards.
  8. حذف پشتیبانی از Glyphicons (آیکن ها).
  9. استفاده از فایل ریست Reboot.css بجای Normalize: امکان سفارشی سازی بیشتر سی اس اس پیشفرض.
  10. باز نویسی پلاگین های جاوااسکریپت.
  11. اضافه شدن کلاس table-inverse.
  12. تغییر نام تعدادی از کلاس ها.
همچنین بخوانید:  افزایش سرعت سایت با Minify کد های CSS,JavaScript

همانطور که مشاهده می کنید، بوت استرپ 4 تغییرات زیادی کرده اما خوشبختانه در صورت استفاده از بوت استرپ 4، همچنان از بوت استرپ 3 پشتیبانی خواهد شد و این درصورتی است که زمان انتشار بوت استرپ 3، دیگر از ورژن دوم آن پشتیبانی نمی شد.

در نهایت بدانید که: بوت استرپ، طراحی وب را سریعتر، زیباتر و دقیقتر می کند 🙂

مطلب پیشنهادی

طراحی ریسپانسیو چیست, Responsive Design

طراحی واکنشگرا چیست، چه تاثیری در سئو دارد

به نام خداوند جهان آفرین در نظر داریم طی مقالاتی به سوالات شما کاربران محترم …

4 دیدگاه

  1. سایتتون خیلی عالیه اموزشهاتون عالیتر

  2. چگونه میتوان به فیلم آموزشی bootstrap 4 ذست پیدا کرد؟

  3. amscan0098@gmail.com

    ممنونم استفاده بردیم

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

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