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

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

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

يأخذ العنصر الحامل لكلاس .placeholder عرض 100% من أبيه إن كان عنصراً كتلياً، أو يحتاج إلى تحديد عرض صريح إن كان عنصر <span> سطرياً. يوفر لك بوتستراب طريقتين مرنتين لضبط أطوال الأسطر النائبة بحيث تبدو طبيعية كفقرة حقيقية: إما عبر كلاسات أعمدة الشبكة المنفردة مثل .col-6 و.col-8، وإما عبر أدوات نسب العرض المساعدة مثل .w-75 و.w-50.

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

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

HTML

<div aria-hidden="true">
  <span class="placeholder col-6"></span>
  <span class="placeholder w-75"></span>
  <span class="placeholder w-50"></span>
</div>

جرّب بنفسك

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

Placeholder Width Control ضبط عرض العناصر النائبة

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

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