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

Six Step Spacing Scale مقياس المسافات القياسي

أتقن أدوات التباعد والهوامش والحشو في بوتستراب 5 عبر معادلة التسمية الموحدة، ومقياس المسافات القياسي من 0 إلى 5، والكلاسات المنطقية الداعمة للعربية، والتوسيط الأفقي وفواصل gap.
2 صفوف تعليمية
بوتستراب 5
1 مشاهدة

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

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

يتكون سلم المسافات الرقمي في بوتستراب 5 من ست درجات مدروسة تبدأ من الصفر وحتى الرقم خمسة:

  • الدرجة 0: تلغي الهامش أو الحشو تماماً (0rem) مثل .m-0 و.p-0.
  • الدرجة 1: ربع الوحدة الأساسية (0.25rem = 4px) للمسافات الدقيقة جداً.
  • الدرجة 2: نصف الوحدة (0.5rem = 8px) للعناصر المدمجة.
  • الدرجة 3: الوحدة الكاملة القياسية (1rem = 16px) وهي الأكثر شيوعاً للبطاقات والفقرات.
  • الدرجة 4: مرة ونصف (1.5rem = 24px) لفصل الكتل المتجاورة بوضوح.
  • الدرجة 5: ثلاثة أضعاف الوحدة (3rem = 48px) لفصل أقسام الصفحة الكبرى.
الصف 2 كود برمجي
HTML 
<div class="p-1 mb-2 text-bg-secondary">p-1 (4px)</div>
<div class="p-2 mb-2 text-bg-primary">p-2 (8px)</div>
<div class="p-3 mb-2 text-bg-success">p-3 (16px)</div>
<div class="p-4 text-bg-dark">p-4 (24px)</div>
جرّب بنفسك

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