شرح صفوف ومحتوى الفقرة
عندما يفتح المستخدم لوحة تحكم أو متجراً إلكترونياً يعتمد على جلب البيانات عبر الشبكة، فإن ترك المساحة بيضاء فارغة ثم إظهار البطاقات فجأة يؤدي إلى اهتزاز الصفحة وقفز العناصر تحت أصابع الزائر. يعالج Bootstrap 5 هذه المشكلة جذرياً عبر مكوّن العناصر النائبة .placeholder المبني بالكامل بلغة CSS دون الحاجة لأي كود JavaScript إضافي.
يرسم الكلاس .placeholder أشرطة مستطيلة تحاكي شكل العناوين والفقرات والأزرار في موضعها الفعلي ريثما تكتمل الاستجابة، ويُطبَّق عادةً على عناصر <span> داخل الفقرات مع إخفائها عن قارئات الشاشة عبر السمة aria-hidden="true".
HTML
<p aria-hidden="true">
<span class="placeholder col-6"></span>
</p>
<a class="btn btn-primary disabled placeholder col-4"
aria-disabled="true"></a>