شرح صفوف ومحتوى الفقرة
بدلاً من تغليف كتلة كاملة من العناوين والفقرات بوسم رابط واحد ضخم يربك قارئات الشاشة، يمنحك المساعد .stretched-link حلاً معمارياً نظيفاً: ضع الكلاس .position-relative على الصندوق الأب لتحديد حدود التمدد، ثم أضف .stretched-link إلى الرابط النصي الداخلي فقط.
يمتد العنصر الزائف ::after الخاص بالرابط ليغطي كامل مساحة الأب النسبي، فيصبح النقر في أي موضع من الكتلة موجهاً للرابط بسلاسة، مع الانتباه لعدم وضع عدة روابط متنافسة داخل نفس الصندوق ما لم ترفع طبقة الرابط الثانوي بتموضع نسبي و.z-2.
HTML
<div class="position-relative p-3 border rounded-3
bg-body-tertiary shadow-sm">
<h3 class="h5 mb-1">Cloud Deployment Checklist</h3>
<p class="mb-2 text-body-secondary">
Click anywhere inside this panel to open the guide.
</p>
<a href="#checklist" class="stretched-link fw-semibold
link-primary">Open Full Guide</a>
</div>