انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #5 من درس: التسميات العائمة في بوتستراب 5

Readonly and Input Groups القراءة فقط ومجموعات الإدخال

صمّم التسميات العائمة الأنيقة بلغة CSS في بوتستراب 5 عبر كلاس form-floating، وتطبيق قاعدة ترتيب الحقل قبل التسمية، وتنسيق مربعات النص والقوائم والشبكة.
2 صفوف تعليمية
بوتستراب 5
0 مشاهدة

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

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

وسّع Bootstrap 5.3 قدرات التسميات العائمة لتشمل حالتين متقدمتين شائعتين في لوحات التحكم: استخدام .form-control-plaintext داخل .form-floating لعرض البيانات المقروءة بدون إطار مع احتفاظها بعنوانها العلوي الأنيق، وكذلك وضع حاوية .form-floating كاملة كابن مباشر داخل .input-group بجانب بادئة .input-group-text.

اختبر جميع حالات التسميات العائمة بنفسك في المختبر الحي التالي:

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

جميع فقرات هذا الدرس (التسميات العائمة في بوتستراب 5)