SNDP BAG 4 YOU
কম্পিউটার প্রোগ্রামিং শিখুন


Bootstrap Button Dropdown



এই রকম ড্রপডাউন বাটন লিস্ট তৈরি করার জন্য প্রথমে Bootstrap এর কিছু ক্লাস সম্পর্কে জানতে হবে । নিচে ক্লাস গুলো নিয়ে বিস্তারিত আলোচনা করা হয়েছে ।


.dropdown - যে লিস্ট তৈরি হবে সেটি নিচের দিকে দেখাবে এর জন্য এই ক্লাসটি ব্যবহার করা হয় ।

.dropup - যে লিস্ট তৈরি হবে সেটি উপরের দিকে দেখাবে এর জন্য এই ক্লাসটি ব্যবহার করা হয় ।

.dropdown-toggle - বাটনে এই রকম আইকন নিয়ে আসার জন্য এই ক্লাসটি ব্যবহার করা হয় । বাটন ক্লাসএর ভিতরে লিখতে হয় ।

.btn btn-primary - বাটন ও বাটন এর রং নিয়ে আসার জন্য এই ক্লাসটি ব্যবহার করা হয় । বাটন ক্লাসএর ভিতরে লিখতে হয় ।

data-toggle="dropdown" - এই attributes ব্যবহার করা হয় যখন বাটনে কেউ ক্লিক করবে তখনি লিস্ট টি নিজে থেকে খুলে যাবে । বাটন ট্যাগএর ভিতরে লিখতে হয় ।

.dropdown-menu - এই ক্লাসটি ব্যবহার করা হয় লিস্টটি লুকিয়ে (hide)রাখার জন্য । এই ক্লাস টি একটি div এর ভিতরে ব্যবহার করা হয় ।

dropdown-item - এই ক্লাসটি ব্যবহার করা হয় লেখা (text) গুলো নিচে নিচে দেখানো জন্য । লিস্ট ট্যাগ এর ক্লাসে লিখতে হয় ।



.active - এই ক্লাসটি ব্যবহার করা হয় লিস্টের কোন অংশ বা আইটেম কে অ্যাক্টিভ দেখানোর জন্য।

.disabled - এই ক্লাসটি ব্যবহার করা হয় লিস্টের কোন অংশ বা আইটেম কে ডিঅ্যাক্টিভ দেখানোর জন্য।

.dropdown-header - এই ক্লাসটি ব্যবহার করা হয় লিস্টের কোন অংশ বা আইটেম কে হেডিং দেখানোর জন্য।

.dropdown-divider - লিস্টকে বিভক্ত করার জন্য এই ক্লাসকে ব্যবহার করা হয় ।



বাটন তৈরি করার জন্য এখানে ক্লিক করুন ।