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

Buttons on Links and Inputs تطبيق الأزرار على العناصر

أتقن تصميم الأزرار وزر الإغلاق في بوتستراب 5.3 من الألوان الدلالية والأزرار المفرغة والأحجام إلى أزرار العرض الكامل عبر d-grid وحالات التعطيل ومكوّن btn-close.
1 صفوف تعليمية
بوتستراب 5
0 مشاهدة

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

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

رغم أن كلاسات .btn مصممة بالأساس لوسم <button>، يمكنك تطبيقها بذات الدقة البصرية على وسم الرابط <a> وعناصر <input> من نوعي الإرسال وإعادة الضبط. والقاعدة الهندسية الحاسمة هنا هي التمييز الدلالي: إذا كان النقر ينقل الزائر إلى مسار صفحة جديدة فاستخدم <a href="..." class="btn btn-primary">، أما إذا كان يشغّل إجراءً داخل نفس الصفحة فاستخدم <button type="button"> دائماً مع التصريح الصريح بسمة type="button" حتى لا يرسل النموذج المحيط عن طريق الخطأ.