নিচের কোডটি লক্ষ্য করি।

<div class="dropdown">
  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
    Dropdown button
  </button>
  <div class="dropdown-menu">
    <a class="dropdown-item" href="#">Link 1</a>
    <a class="dropdown-item" href="#">Link 2</a>
    <a class="dropdown-item" href="#">Link 3</a>
  </div>
</div>

  1. .dropdown ক্লাসের মাধ্যমে ড্রপডাউন মেনুকে বুঝায়।
  2. .dropdown-toggle এবং data-toggle="dropdown" এট্রিবিউট ব্যাবহার করতে হবে  ড্রপডাউন মেনুকে অপেন করতে
  3. ড্রপডাউন মেনু তৈরি করতে  ডিভ ট্যাগের ভিতরে .dropdown-menu ক্লাস যুক্ত করুন।
  4. .dropdown-item <a></a> ভিতরে ব্যাবহার করতে হবে।
এবার আসি কলাপ্স বাটন নিয়ে আলোচনায় । নিচের কোডটি লক্ষ্য করি 

<div class="container">
   <button class="btn btn-primary" data-toggle="collapse" data-target="#ruhul">Collapse</button>
   <div class="collapse" id="ruhul"> i amr ruhul amin</div>
  </div>

  1. data-toggle="collapse" ব্যবহার করতে হবে এবং data-target="#ruhul" ব্যবহার করতে হবে।
  2. data-toggle নামটি ক্লাস এবং data-target আইডিটি হিসেবে ডিভ ক্লাসের মধ্যে ব্যবহার করতে হবে।