أمثلة على نص تعليمات كتلة التمهيد

'،'

'، أو أكثر ، لإضافة نص المساعدة. لهذا الغرض ، فإن ' شكل النص 'الطبقة المستخدمة. هذا الفصل لديه ' العرض محجوب ' خاصية. علاوة على ذلك ، يحتوي أيضًا على خاصية الهامش العلوي التي تساعد النص على العرض في بعض المساحة من حقول الإدخال الأخرى.

مثال

تحقق من المثال أدناه:

---

---

• أضف ال '
  'لإنشاء نموذج.
• لتضمين تسمية توضيحية في حقل الإدخال ، أضف ' ' جزء.
• بعد ذلك ، أضف ' <إدخال> 'مع' شكل السيطرة ' و ' حقل الادخال 'لإنشاء حقل إدخال.
• ثم أضف ' <صغير> 'عنصر مع الفئات' شكل النص ' و ' نص مكتوم 'لإضافة نص تعليمات:

< شكل >

< امتداد > أدخل كلمة المرور < / امتداد >

< إدخال صف دراسي = 'حقل إدخال التحكم في النموذج' يكتب = 'كلمه السر' >

< شعبة صف دراسي = 'نموذج - نص - كتم صوته' > يجب أن تتكون كلمة المرور الخاصة بك من 8 أحرف. < / شعبة >

< / شكل >

الفئات المستخدمة في مقتطف الشفرة أعلاه موصوفة هنا:

• ' شكل السيطرة 'فئة تحتوي على بعض الأنماط العامة لعناصر الإدخال.
• ' شكل النص 'فئة يضيف أنماطًا إلى نص المساعدة.
• ' نص مكتوم 'يضيف أنماطًا عامة إلى نص المساعدة.

انتاج |

كيفية إضافة نص تعليمات كتلة Bootstrap باستخدام العناصر المضمنة؟

العناصر المضمنة مثل ' ' أو ' <صغير> 'لإضافة نص تعليمات إلى صفحة الويب.

مثال

يوضح المثال أدناه استخدام ' <صغير> 'العنصر المضمن لتحديد نص المساعدة:

< شكل صف دراسي = 'نموذج مضمّن' >

< شعبة صف دراسي = 'يشكل مجموعه' >

< امتداد > أدخل اسمك < / امتداد >

< إدخال صف دراسي = 'حقل إدخال التحكم في النموذج' يكتب = 'كلمه السر' >

< صغير صف دراسي = 'كتم صوت النص' > يجب ملؤها / صغير >

< / شعبة >

< / شكل >

يمكن ملاحظة أنه تمت إضافة نص المساعدة بنجاح:

هذا كل شيء عن نص تعليمات كتلة Bootstrap.

استنتاج

لإضافة نص تعليمات في Bootstrap ، فإن ' شكل النص يتم استخدام فئة 'لإضافة نص تعليمات على مستوى الكتلة. ال ' نص مكتوم يتم استخدام فئة 'لإنشاء نص تعليمات مضمنة. في Bootstrap 3 ، ' منع المساعدة 'الطبقة المستخدمة. وبشكل أكثر تحديدًا ، يمكن تحديد نص التعليمات باستخدام العناصر المضمنة أو على مستوى الكتلة. أوضح هذا المنشور كيفية إضافة نص المساعدة في Bootstrap بمساعدة الأمثلة.