এই রকম ড্রপডাউন বাটন লিস্ট তৈরি করার জন্য প্রথমে 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 - লিস্টকে বিভক্ত করার জন্য এই ক্লাসকে ব্যবহার করা হয় ।