شرح صفوف ومحتوى الفقرة
لإنشاء شريط تصفية أو اشتراك بريدي أفقي رشيق يأخذ كل عنصر فيه قدر محتواه فقط (بديلاً عن كلاس السطر القديم الملغى)، ندمج الكلاسات row row-cols-lg-auto g-3 align-items-center على عنصر <form>، ونضع كل أداة داخل .col-12 بحيث تنفرد بعرض كامل على الهاتف وتتراص تلقائياً بجانب بعضها على الشاشات الكبيرة. ولا تنسَ إبقاء التسميات موجودة بكلاس .visually-hidden حفاظاً على إمكانية الوصول.
قارن التخطيطات الأربعة مباشرة في المحاكي التفاعلي التالي: