বুটস্ট্রাপ JS ড্রপডাউন (dropdown.js)
ড্রপডাউন মেনু হলো টোগল মেনু, যা ইউজারকে পূর্বনির্ধারিত তালিকা থেকে একটি ভ্যালু বাছাই করার সুযোগ দেয়।
ড্রপডাউনের টিউটোরিয়ালের জন্য, আমাদের বুটস্ট্রাপ ড্রপডাউন টিউটোরিয়ালটি পড়ুন।
data-* এট্রিবিউট মাধ্যম
ড্রপডাউন মেনুকে টোগল করার জন্য বাটন অথবা লিংকে data-toggle="dropdown" এট্রিবিউটটি যুক্ত করুন।
kt_satt_skill_example_id=1292
বুটস্ট্রাপ জাভাস্ক্রিপ্ট মাধ্যম
ম্যানুয়েললি যুক্ত করার জন্যঃ
kt_satt_skill_example_id=1293
বুটস্ট্রাপ ড্রপডাউন মেথড
নিচের টেবিলে ড্রপডাউন মেথডগুলো দেয়া হলো।
| মেথড | বিবরণ | উদাহরণ |
|---|---|---|
.dropdown("toggle") | ড্রপডাউনকে টোগল করে। | উদাহরণ দেখুন |
বুটস্ট্রাপ ড্রপডাউন ইভেন্ট
নিচের টেবিলে ড্রপডাউন ইভেন্টগুলো দেয়া হলো।
| ইভেন্ট | বিবরণ | চেষ্টা করি |
|---|---|---|
show.bs.dropdown | যখন ড্রপডাউন প্রদর্শন শুরু হয় তখন ঘটে। | উদাহরণ দেখুন |
shown.bs.dropdown | যখন ড্রপডাউন পুরোপুরি প্রদর্শিত হয় তখন ঘটে। (সিএসএস ট্রানজিশন সম্পূর্ণ হওয়ার পর) | উদাহরণ দেখুন |
hide.bs.dropdown | যখন ড্রপডাউন লুক্কায়িত হওয়া শুরু করে তখন ঘটে। | উদাহরণ দেখুন |
hidden.bs.dropdown | যখন ড্রপডাউন পুরোপুরি লুক্কায়িত হয় তখন ঘটে। (সিএসএস ট্রানজিশন সম্পূর্ণ হওয়ার পর) | উদাহরণ দেখুন |
আরো কিছু উদাহরণ
ক্লিকে ক্যারেট আইকন পরিবর্তন
নিচের উদাহরণে দেখানো হয়েছে কিভাবে ড্রপডাউনে ক্লিক করা হলে ক্যারেট আইকনটি নিচের দিক থকে ওলট হয়ে উপরের দিকে চলে যায়ঃ
kt_satt_skill_example_id=1294
নিচের উদাহরণে, ন্যাভিগেসন বারে লগ-ইন ফর্ম সহ একটি ড্রপডাউন যুক্ত করা হয়েছেঃ
kt_satt_skill_example_id=1295
বুটস্ট্রাপ মাল্টি-লেভেল ড্রপডাউন
এই উদাহরণে, আমরা মাল্টি-লেভেল ড্র্পডাউন অপেন করার জন্য জেকুয়েরি ব্যবহার করেছিঃ
kt_satt_skill_example_id=1296
Read more
