انتقل إلى محتوى الدرس

Button and Dropdown Addons إلحاق الأزرار والقوائم بالحقول

وسّع إمكانات الحقول في بوتستراب 5 عبر مجموعات الإدخال المبسطة بإلحاق البادئات واللواحق النصية وضبط الأحجام ودمج مربعات الاختيار والأزرار والقوائم والملفات.
2 صفوف تعليمية
بوتستراب 5
0 مشاهدة

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

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

لإرفاق زر إجراء تفاعلي (مثل زر «بحث» أو «نسخ الرابط» أو «تحقق من الكوبون») بحقل الإدخال، ضع عنصر <button class="btn ..."> مباشرة كابن داخل .input-group دون تغليفه بكلاس .input-group-text! يمكنك أيضاً صف زرين متتاليين على نفس الطرف، كما تدعم البنية ذاتها إلحاق أزرار القوائم المنسدلة المقسّمة بنفس السلاسة عندما ندرس مكوّن القوائم المنسدلة التفاعلية لاحقاً في هذه الدورة.

جرّب تركيبات مجموعات الإدخال الأربعة في المختبر التفاعلي التالي:

الصف 2 معاينة حية