انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #4 من درس: مقدمة في بوتستراب 5

Bootstrap Package Architecture مكونات حزمة بوتستراب

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

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

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

يساعدك فهم المكونات الأساسية لحزمة Bootstrap 5.3 على اختيار الملفات الدقيقة التي تحتاجها صفحتك دون تحميل أصول زائدة:

  • ملف التنسيقات المضغوط bootstrap.min.css: يضم طبقة التطبيع القياسي Reboot، ونظام الحاويات والشبكة، وتنسيقات النصوص والجداول، والمكونات البصرية، والأدوات المساعدة.
  • ملف التنسيقات العربي bootstrap.rtl.min.css: النسخة المعكوسة أفقياً والمصممة خصيصاً لتشغيل الواجهات العربية من اليمين إلى اليسار بدقة هندسية كاملة.
  • حزمة السكريبت الشاملة bootstrap.bundle.min.js: تجمع إضافات JavaScript التفاعلية لبوتستراب مع مكتبة التموضع الذكي Popper اللازمة لحساب مواقع القوائم المنسدلة والتلميحات العائمة.
الصف 2 صورة توضيحية
مخطط معمارية حزمة Bootstrap 5.3 المكونة من طبقة تنسيقات CSS ومحرك التموضع Popper وإضافات JavaScript النقية بدون jQuery
الصف 3 كود برمجي
HTML 
<div class="container">
  <p id="bsStatus">Checking runtime...</p>
</div>
<script>
  const el = document.getElementById('bsStatus');
  el.textContent = 'Bootstrap JS loaded: ' +
    (typeof bootstrap === 'object');
</script>
جرّب بنفسك
الصف 4 ملاحظة هامة

جميع فقرات هذا الدرس (مقدمة في بوتستراب 5)