বুটস্ট্রাপ বেসিক লিষ্ট গ্রুপ

অধিকাংশ ক্ষেত্রেই বুটস্ট্রাপ বেসিক লিষ্ট গ্রুপ তৈরি করার জন্য আনওর্ডার লিষ্টের সাথে লিষ্ট আইটেম ব্যবহার করা হয়। একটি বেসিক লিষ্ট গ্রুপ তৈরি করার জন্য < ul > এলিমেন্টে .list-group ক্লাস এবং < li > এলিমেন্টে .list-group-item ক্লাস ব্যবহার করুনঃ

kt_satt_skill_example_id=987

লিষ্ট গ্রুপের মধ্যে ব্যাজের ব্যবহার

লিষ্ট গ্রুপে ব্যাজ সংযুক্ত করে ব্যবহার করা যায়। ব্যাজ স্বয়ংক্রিয়ভাবে তার অবস্থান ডানে নিয়ে নিবে।
লিষ্ট আইটেমের সাথে একত্রে ব্যাজ ব্যবহার করার জন্য (< li class="list-group-item") এর মধ্যে .badge ক্লাসযুক্ত একটি < span > এলিমেন্ট যুক্ত করুনঃ

kt_satt_skill_example_id=988

লিংক যুক্ত লিষ্ট গ্রুপ

লিষ্ট গ্রুপ আইটেমগুলো হাইপারলিংকযুক্ত হতে পারে। এর ফলে হোভারে করলে ব্যাকগ্রাউন্ড কালার ধূসর দেখাবে। লিংকযুক্ত লিষ্ট গ্রুপ তৈরি করার জন্য < ul > পরিবর্তে < div > এলিমেন্ট এবং < li > এর পরিবর্তে < a > এলিমেন্ট ব্যবহার করুনঃ

kt_satt_skill_example_id=989

একটিভ স্টেট

কোন একটি লিস্ট আইটেমকে একটিব হিসেবে হাইলাইট করার জন্য .active ক্লাস ব্যবহার করুনঃ

kt_satt_skill_example_id=990

Disabled আইটেম

লিষ্ট গ্রুপের কোনো একটি আইটেমকে disable করে রাখার জন্য ঐ এলিমেন্টের মধ্যে .disabled ক্লাস ব্যবহার করুনঃ

kt_satt_skill_example_id=991

কনটেকচুয়াল ক্লাস

কনটেকচুয়াল ক্লাস ব্যবহার করে লিষ্ট আইটেমকে কালার করা যায়ঃ

• list-group-item-success
• list-group-item-info
• list-group-item-warning
• list-group-item-danger

লিষ্ট আইটেমকে কালার করার জন্য .list-group-item ক্লাসের সাথে নিম্নলিখিত ক্লাসগুলো ব্যবহার করা হয় .list-group-item-success, list-group-item-info, list-group-item-warning এবং .list-group-item-danger।

কাস্টম কনটেন্ট

লিষ্ট গ্রুপ আইটেমের মধ্যে এইচটিএমএলের প্রায় সবগুলো এলিমেন্ট ব্যবহার করা যায়।

বুটস্ট্রাপে এই সংক্রান্ত দুটি ক্লাস রয়েছে। ক্লাস দুটি হলো- .list-group-item-heading এবং .list-group-item-text। নিম্নে এদের ব্যবহার দেখানো হলোঃ

kt_satt_skill_example_id=992