`
## \### رأس وتذييل الصفحة
يمكن تحسين هيكل البطاقة بإضافة رأس وتذييل. لإضافة أحد هذه العناصر ، يجب عليك إنشاء حاوية `
` باستخدام فئة `.card-header` أو `.card-footer` .
###### هذه هي الطريقة التي ستبدو في مستند HTML
`
`
## \### بطاقات مع الصور
* يمكنك أيضًا استخدام فئات محددة لعرض الصور في البطاقات.
* هناك فئتان لهذا الغرض: card-img-top ، والتي تضع صورة على الجزء العلوي من البطاقة ، وبطاقة img-bottom ، والتي تضع الصورة في الأسفل ، وكلاهما يتناسبان مع الحدود المستديرة البطاقة بدقة.
* يجب استخدام هذه الفئات مع العلامة `
` داخل بطاقة للعمل بشكل صحيح.
* ضع في اعتبارك أنه إذا كنت تريد أن تمتد الصورة إلى العرض بالكامل ، فيمكنك إضافة حاوية الصورة خارج الحاوية `
` مع فئة بطاقة الجسم.
###### هذه هي الطريقة التي ستبدو في مستند HTML
`
Body content
Body content
`
## \### تراكب البطاقات
* لإنشاء صورة في خلفية البطاقة وعرض النص فوقها ، يلزمك استخدام طبقة - img-overlay على المحتوى ، الذي تريد عرضه فوق الصورة ، بدلاً من استخدام فئة بطاقة الجسم .
###### هذه هي الطريقة التي ستبدو في مستند HTML
`
Overlay content
`