10. Bootstrap Cards
📘 কনসেপ্ট (থিওরি)
বুটস্ট্র্যাপে একটি কার্ড (card) হলো এর বিষয়বস্তুর চারপাশে কিছুটা প্যাডিং (padding) সম্বলিত একটি বর্ডার যুক্ত বাক্স। এতে হেডার, ফুটার, বিষয়বস্তু, রঙ ইত্যাদির অপশন রয়েছে।
বেসিক কার্ড ক্লাসগুলো:
-
.card: কার্ড কন্টেইনার তৈরি করে।
- .card-body: কার্ডের বিষয়বস্তুর জন্য কন্টেইনার।
- .card-title: টাইটেলের জন্য।
- .card-text: টেক্সট বিষয়বস্তুর জন্য।
- .card-img-top: কার্ডের ওপরে একটি ছবি রাখে।💡 উদাহরণ
একটি কার্ড তৈরি করা:
🎯 আপনার কাজ (প্র্যাকটিস)
ভেতরে একটি
card-body সম্বলিত একটি সাধারণ কার্ড তৈরি করুন। বডির ভেতরে, "My Card" দিয়ে একটি card-title এবং কিছু card-text যোগ করুন।main.bootstrap
Loading...
OUTPUT