2.0 KiB
title | localeTitle |
---|---|
Panels | لوحات |
لوحات
يوفر لك إطار Bootstrap ميزة تسمى اللوحات. اللوحة عبارة عن مربع يحتوي على عنوان منسق ومن ثم نص يسمح لك بعرض المعلومات بطريقة منظمة ، من خلال مجموعة واحدة أو أكثر من اللوحات.
كيف تستعمل:
لاستخدام لوحات Bootstrap ، يمكنك إضافة <div>
مع فصل دراسي لنوع اللوحة الخاصة بك ( panel panel-default
الصف panel panel-default
أو شيء مشابه ، راجع أمثلة اللوحة لمزيد من المعلومات.) ثم علامتي <div>
متداخلتين ، واحدة للعنوان ( panel panel-heading
للفئة) وواحدة للجسم ( panel panel-body
الصف). قد تجد أن المثال رمز أسهل للفهم من تفسير مكتوب.
مثال الكود
`
أمثلة على اللوحة:
هذه مجموعة من الأمثلة التي تعرض كل نوع من اللوحات. يتم عرض فئة CSS أعلى كل مثال.
panel panel-default
لوحة افتراضية
هذه لوحة بها نمط اللوحة الافتراضي.
panel panel-primary
لوحة الابتدائية
هذه لوحة بها نمط اللوحة الأساسي.
panel panel-success
نجاح اللوحة
هذه لوحة بها نمط لوحة النجاح.
panel panel-info
معلومات لوحة
هذه لوحة بها نمط لوحة المعلومات.
panel panel-warning
تحذير لوحة
هذه لوحة بها نمط لوحة التحذير.
panel panel-danger
خطر لوحة
هذه لوحة بها نمط لوحة الخطر.