انتقل إلى محتوى الدرس

Bootstrap 4 vs Bootstrap 5 مقارنة بوتستراب 4 و5

تعرّف على إطار العمل Bootstrap 5.3 وفلسفة التصميم للجوال أولاً، واكتشف النقلة المعمارية بدون jQuery مع الدعم الأصيل للعربية ومكونات حزمته الأساسية.
2 صفوف تعليمية
بوتستراب 5
1 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يمثل الانتقال من الإصدار الرابع إلى Bootstrap 5 قفزة معمارية شاملة أعادت صياغة الإطار بالكامل ليواكب معايير الويب الحديثة وتطبيقات الواجهات المعاصرة:

  • الاستغناء التام عن مكتبة jQuery القديمة: أُعيدت كتابة جميع الإضافات التفاعلية بلغة JavaScript ES6 القياسية النقية، ما قلّص حجم الملفات المحمّلة وسهّل دمج الإطار في المشاريع الحديثة.
  • عزل سمات التشغيل ببادئة صريحة: اعتمد الإصدار الخامس البادئة الموحدة data-bs-* لتمييز السمات التفاعلية الخاصة ببوتستراب ومنع أي تعارض مع سمات البيانات المخصصة في مشروعك.
  • الدعم الأصيل للعربية والاتجاهات المنطقية: استُبدلت التسميات الفيزيائية القديمة لليمين واليسار بمفهوم البداية start والنهاية end مع توفير نسخة رسمية مدمجة للواجهات العربية.
  • توسيع التخطيط والمتغيرات الحية: أضاف الإصدار 5.3 طبقة شاشات سادسة xxl للشاشات العريضة، ومكتبة أيقونات رسمية مستقلة، واعتماداً واسعاً على متغيرات CSS الحية والوضع الداكن الأصيل.
الصف 2 ملاحظة هامة