Как сделать аккордеон, чтобы иметь dropwnlist с помощью bootstrap?

---

Привет Команда

Кажется, я не могу правильно настроить свой аккордеон, когда использую bootstrap, я хочу создать внутри своего аккордеона выпадающий список для него, есть ли кто-нибудь, кто может помочь мне с этой логикой ниже?

Что я уже пробовал:

<!-- Card body -->
               <div class="accordion md-accordion" id="accordionEx" role="tablist" aria-multiselectable="true">
                   <!-- Accordion card -->
                   <div class="card">

                       <!-- Card header -->
                       <div class="card-header" role="tab" id="headingOne1">
                           <a data-toggle="collapse" data-parent="#accordionEx" href="#collapseOne1" aria-expanded="true"
                              aria-controls="collapseOne1">
                               <h5 class="mb-0">
                                   This is a Sample Module 
                               </h5>
                           </a>
                       </div>

                       <!-- Card body -->
                       <div id="collapseOne1" class="collapse show" role="tabpanel" aria-labelledby="headingOne1"
                            data-parent="#accordionEx">
                           <div class="card-body">
                               <div class="dropdown">

                                   <!--Trigger-->

                                   <a type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></a>


                                   <!--Menu-->
                                   <div class="dropdown-menu dropdown-primary">
                                       <a class="dropdown-item" href="#">  Media</a>

                                   </div>
                               </div>
                           </div>
                       </div>

                   </div>

---