Back

5. Bootstrap Tables

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

বুটস্ট্র্যাপ সহজে এইচটিএমএল টেবিল স্টাইল করার জন্য বিভিন্ন ক্লাস প্রদান করে। বেসিক টেবিল ক্লাসগুলো: - .table: বেসিক স্টাইলিং যোগ করে (হালকা প্যাডিং এবং অনুভূমিক ডিভাইডার)। - .table-striped: টেবিলের সারিগুলোতে জেব্রা-স্ট্রাইপ (zebra-striping) যোগ করে। - .table-bordered: টেবিল এবং সেলের চারপাশে বর্ডার যোগ করে। - .table-hover: টেবিলের সারিতে হোভার ইফেক্ট (hover effect) যোগ করে। - .table-dark: টেবিলে একটি কালো ব্যাকগ্রাউন্ড যোগ করে।

💡 উদাহরণ

একটি স্টাইল করা টেবিল:
Firstname Lastname
John Doe

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

table এবং table-bordered ক্লাস দিয়ে একটি তৈরি করুন। এতে দুটি থাকা উচিত।
main.bootstrap
Loading...
OUTPUT
এলিমেন্টসহ একটি