কম্পিউটার টিউটোরিয়াল

Bootstrap Framework দিয়ে ট্যাব তৈরি করার পদ্ধতি

ট্যাব একটি ইউজার ইন্টারফেস (UI) এলিমেন্ট যা অতিরিক্ত স্পেস ব্যবহার না করে ভিন্ন ভিন্ন ইনফরমেশন পেন দেখতে দেয়। বাইন্ডার বা বইয়ের ট্যাবের মতো—এরা পেজে ইনফরমেশনের প্লেসমেন্ট চিহ্নিত করে এবং সেই পেনে কী আছে সেটি দ্বারা চেনা যায়। ট্যাবে ক্লিক করলে 그와 জড়িত ইনফরমেশন দেখায়।

Bootstrap হলো একটি ফ্রেমওয়ার্ক যা দ্রুত ট্যাব তৈরি করতে সাহায্য করে। এই আর্টিকেলে Bootstrap সেটআপ, ট্যাব কেন দরকার, এবং Bootstrap ট্যাবের উদাহরণ আলোচনা করা হয়েছে।

শুরু করা যাক

ওয়েব পেজে ট্যাব দেখার জন্য প্রথমে প্রপার ডিপেন্ডেন্সি নিশ্চিত করুন। এই প্রজেক্টের জন্য Bootstrap, Popper.JS এবং jQuery দরকার। Bootstrap-এর Quick Start পেজ থেকে ডিপেন্ডেন্সি হেল্প নিন। প্যাকেজ লিংক করার 방법은 আপনার ইচ্ছা, কিন্তু সবচেয়ে সহজ beginner-friendly উপায় হলো CDN (Content Delivery Network) ব্যবহার করা jQuery, Popper.js, এবং Bootstrap-এর জন্য।

  1. Bootstrap বাটন

  2. CSS দিয়ে রেসপন্সিভ "Meet The Team" পেজ তৈরি

  3. HTML-এ required অ্যাট্রিবিউট কীভাবে ব্যবহার করবেন?

  4. AASM দিয়ে রুবিতে স্টেট মেশিন মাস্টার করুন: একটি প্র্যাক্টিক্যাল গাইড