"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"
الصفحة الأمامية > برمجة > كيف تؤثر فئة Bootstrap \"mb-0\" على هامش العنصر؟

كيف تؤثر فئة Bootstrap \"mb-0\" على هامش العنصر؟

تم النشر بتاريخ 2024-11-04
تصفح:115

How does the Bootstrap class \

فهم Class = "mb-0" في Bootstrap 4

يوفر Bootstrap 4 فئات أدوات مساعدة شاملة لإدارة الهوامش والحشوات عبر أحجام مختلفة للشاشة، والمعروفة باسم mb ( الهامش السفلي) الطبقات. توفر هذه الفئات المرونة في تحديد تباعد العناصر لإطارات العرض المختلفة، كما هو موضح أدناه:

فهم الطبقة = "mb-0"

الطبقة = "mb-0" تستهدف على وجه التحديد الهامش السفلي لعنصر ما وتضبطه على 0. تندرج هذه الفئة ضمن فئة فئة أداة الهامش وتستخدم لإزالة الهامش السفلي تمامًا.

Bootstrap Margin and Padding Utility Class Format

يستخدم Bootstrap اصطلاح تسمية متسقًا لفئات الأدوات المساعدة للهامش والحشو:

{property}{sides}-{size} أو {property }{sides}-{breakpoint}-{size}

الخاصية:

m للهامش
  • p للحشو
الجوانب:

t للأعلى
  • b للأسفل
  • l لليسار
  • r لليمين
  • x لليسار واليمين
  • y للأعلى والأسفل
نقاط التوقف:

xs لـ
  • sm لـ >=576 بكسل
  • md لـ >=768 بكسل
  • lg لـ >=992 بكسل
  • xl لـ > =1200px
  • الحجم:

    0 يعين الهامش أو المساحة المتروكة على 0
    • 1 يعين الهامش أو المساحة المتروكة على 0. 25rem (4px)
    • 2 يعين الهامش أو الحشو إلى .5rem (8px)
    • 3 يعين الهامش أو الحشو إلى 1rem (16px)
    • 4 يعين الهامش أو الحشو إلى 1.5 ريم (24 بكسل)
    • 5 يعين هامشًا أو الحشو إلى 3 ريم (48 بكسل)
    • تلقائي يضبط الهامش على تلقائي
    مثال للاستخدام

    لوريم إيبسوم

    Lorem ipsum

    موارد إضافية

    لمزيد من المعلومات الشاملة، ارجع إلى الموارد التالية:

    Bootstrap 4.5 - Spacing ](https://getbootstrap.com/docs/4.5/utilities/spacing/)
    • [w3schools: فئات هامش Bootstrap وفئات الحشو](https://www.w3schools.com/bootstrap4/bootstrap_margin_padding.asp )
    أحدث البرنامج التعليمي أكثر>

    تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

    Copyright© 2022 湘ICP备2022001581号-3