কম্পিউটার

ট্যাব তৈরি করতে বুটস্ট্র্যাপ ফ্রেমওয়ার্ক ব্যবহার করুন

ট্যাবগুলি হল একটি ইউজার ইন্টারফেস (UI) উপাদান যা আমাদের অতিরিক্ত স্থান ব্যবহার না করে বিভিন্ন তথ্য প্যানে দেখতে দেয়। বাইন্ডার বা বইয়ের ট্যাবগুলির মতো, তারা আরও তথ্যের জন্য পৃষ্ঠায় একটি স্থান চিহ্নিত করে এবং তথ্যের ফলকটিতে যা রয়েছে তা দ্বারা চিহ্নিত করা হয়। আপনি যখন একটি ট্যাবে ক্লিক করেন, তখন আপনাকে সেই ট্যাবের সাথে সম্পর্কিত তথ্য উপস্থাপন করা হয়।

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

শুরু করা

আমরা আমাদের ওয়েব পৃষ্ঠায় ট্যাব দেখতে পারি তা নিশ্চিত করার জন্য প্রথমে আমাদের যা করতে হবে তা হল আমাদের যথাযথ নির্ভরতা রয়েছে তা নিশ্চিত করা। এই প্রকল্পের জন্য, আমাদের প্রয়োজন Bootstrap, Popper.JS এবং jQuery। আপনার সমস্ত নির্ভরতা পেতে সহায়তার জন্য বুটস্ট্র্যাপের কুইক স্টার্ট পেজে নেভিগেট করুন।

আমাদের প্রয়োজনীয় প্যাকেজগুলি কীভাবে লিঙ্ক করবেন তা আপনার উপর নির্ভর করে, তবে সবচেয়ে সহজ, সবচেয়ে নতুনদের-বান্ধব উপায় হল jQuery, Popper.js এবং Bootstrap-এর জন্য সামগ্রী বিতরণ নেটওয়ার্ক — CDN — ব্যবহার করা৷ আপনার

  1. বুটস্ট্র্যাপ বোতাম

  2. কিভাবে CSS দিয়ে প্রতিক্রিয়াশীল মিট দ্য টিম পেজ তৈরি করবেন?

  3. কিভাবে HTML এ প্রয়োজনীয় বৈশিষ্ট্য ব্যবহার করবেন?

  4. রুবিতে স্টেট মেশিন তৈরি করতে AASM রত্নটি কীভাবে ব্যবহার করবেন