مفهوم الشارات وتحجيمها النسبي | الشارات في بوتستراب 5

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

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

تُستخدم الشارات في واجهات الويب لإبراز حالة سريعة مثل «جديد»، أو رقم إصدار مثل v5.3، أو عداد رسائل غير مقروءة. صمّم Bootstrap 5.3 الكلاس .badge بقياس خط نسبي يبلغ 0.75em بدلاً من قيمة بكسل ثابتة؛ وبذلك تكبر الشارة تلقائياً عند وضعها داخل عنوان <h1> وتصغر بانسيابية داخل عنوان <h6> دون كتابة كلاس حجم إضافي.

الصف 2 صورة توضيحية

مخطط التحجيم النسبي للشارات والألوان المتباينة وإشعارات الزوايا في بوتستراب 5.3

الصف 3 كود برمجي

HTML

<h2>
  Gateway <span class="badge text-bg-primary">v5.3</span>
</h2>
<h5>
  Cache <span class="badge text-bg-secondary">Beta</span>
</h5>

جرّب بنفسك

الصف 4 ملاحظة هامة

Relative Badge Sizing مفهوم الشارات وتحجيمها النسبي

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

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