Back

10. Bootstrap Cards

📘 কনসেপ্ট (থিওরি)

বুটস্ট্র্যাপে একটি কার্ড (card) হলো এর বিষয়বস্তুর চারপাশে কিছুটা প্যাডিং (padding) সম্বলিত একটি বর্ডার যুক্ত বাক্স। এতে হেডার, ফুটার, বিষয়বস্তু, রঙ ইত্যাদির অপশন রয়েছে। বেসিক কার্ড ক্লাসগুলো: - .card: কার্ড কন্টেইনার তৈরি করে। - .card-body: কার্ডের বিষয়বস্তুর জন্য কন্টেইনার। - .card-title: টাইটেলের জন্য। - .card-text: টেক্সট বিষয়বস্তুর জন্য। - .card-img-top: কার্ডের ওপরে একটি ছবি রাখে।

💡 উদাহরণ

একটি কার্ড তৈরি করা:
Card image

John Doe

Some example text.

See Profile

🎯 আপনার কাজ (প্র্যাকটিস)

ভেতরে একটি card-body সম্বলিত একটি সাধারণ কার্ড তৈরি করুন। বডির ভেতরে, "My Card" দিয়ে একটি card-title এবং কিছু card-text যোগ করুন।
main.bootstrap
Loading...
OUTPUT