ألوان وأحجام العناصر النائبة | العناصر النائبة للتحميل في بوتستراب 5

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

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

يمكنك تمييز مستويات الأهمية داخل هيكل التحميل عبر تغيير لون الشريط وسماكته الرأسية. فمن حيث الألوان، يقبل العنصر النائب جميع كلاسات الخلفيات الدلالية مثل .bg-primary و.bg-success و.bg-secondary لتتناغم مع هوية البطاقة.

أما من حيث السماكة الرأسية، فيتيح لك بوتستراب أربع درجات جاهزة هي الحجم الكبير .placeholder-lg للعناوين الرئيسية، والحجم الافتراضي للفقرات، والحجم الصغير .placeholder-sm للتفاصيل الفرعية، والحجم الدقيق .placeholder-xs للبيانات الوصفية الرفيعة.

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

HTML

<div aria-hidden="true">
  <span class="placeholder col-12 placeholder-lg"></span>
  <span class="placeholder col-12 bg-primary"></span>
  <span class="placeholder col-12 placeholder-sm"></span>
  <span class="placeholder col-12 placeholder-xs"></span>
</div>

جرّب بنفسك

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

Placeholder Colors and Sizes ألوان وأحجام العناصر النائبة

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

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