` مع فصل دراسي لنوع اللوحة الخاصة بك ( `panel panel-default` الصف `panel panel-default` أو شيء مشابه ، راجع أمثلة اللوحة لمزيد من المعلومات.) ثم علامتي `
` متداخلتين ، واحدة للعنوان ( `panel panel-heading` للفئة) وواحدة للجسم ( `panel panel-body` الصف). قد تجد أن المثال رمز أسهل للفهم من تفسير مكتوب.
**مثال الكود**
`
Panel Primary
This is a panel with the primary panel style.
`
#### أمثلة على اللوحة:
هذه مجموعة من الأمثلة التي تعرض كل نوع من اللوحات. يتم عرض فئة CSS أعلى كل مثال.
`panel panel-default`
لوحة افتراضية
هذه لوحة بها نمط اللوحة الافتراضي.
`panel panel-primary`
لوحة الابتدائية
هذه لوحة بها نمط اللوحة الأساسي.
`panel panel-success`
نجاح اللوحة
هذه لوحة بها نمط لوحة النجاح.
`panel panel-info`
معلومات لوحة
هذه لوحة بها نمط لوحة المعلومات.
`panel panel-warning`
تحذير لوحة
هذه لوحة بها نمط لوحة التحذير.
`panel panel-danger`
خطر لوحة
هذه لوحة بها نمط لوحة الخطر.
### معلومات اكثر
* [وثائق منسدلة Bootstrap](https://getbootstrap.com/docs/4.0/components/dropdowns/)