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

Spacing Naming Formula صيغة تسمية كلاسات التباعد

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

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

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

يُعد ضبط المسافات الفارغة حول العناصر وبداخلها العمود الفقري لجمال أي واجهة مستخدم. ولتفادي كتابة عشرات الكلاسات المخصصة في كل صفحة، ابتكر بوتستراب صيغة تسمية قياسية مختصرة تتألف من ثلاثة مقاطع متتالية: {property}{sides}-{size} للشاشات كافة، أو {property}{sides}-{breakpoint}-{size} لتخصيص نقطة توقف معينة.

يرمز الحرف الأول إلى نوع الخاصية: m للهامش الخارجي margin الذي يبعد العنصر عن جيرانه، وp للحشو الداخلي padding الذي يوسع المساحة بين إطار العنصر ومحتواه النصي، وعند ترك خانة الجهة فارغة مثل .p-3 أو .m-2 تسري المسافة على الجهات الأربع دفعة واحدة.

الصف 2 صورة توضيحية
الشكل 1: تفكيك صيغة كلاسات التباعد المنطقية ومقياس وحدات rem في Bootstrap 5.3.
مخطط معادلة تسمية كلاسات الهوامش والحشو ومقياس 0 إلى 5 في بوتستراب 5
مخطط معادلة تسمية كلاسات الهوامش والحشو ومقياس 0 إلى 5 في بوتستراب 5
الصف 3 ملاحظة هامة