Bootstrap 4 - Модальное диалоговое окно с вкладками - Выпадающее меню

Question

Я работаю в Bootstrap 4 и создал модальное диалоговое окно.Я хочу, чтобы последняя ссылка в диалоговом окне «Модальное» была выпадающим меню, но я не могу понять, что код правильно.

Мой код HTML, CSS и JQuery можно найти здесь, в JSFiddle:

<div class="modal fade" id="MyModal" tabindex="-1" role="dialog" 
    aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <div class="tabbable">
                    <ul class="nav nav-tabs" role="tablist">
                        <li class="nav-item active">
                            <a class="nav-link active" href="#AAA" data-toggle="tab">
                                AAA
                            </a>
                        </li>
                        <li>
                            <a class="nav-link" href="#BBB" data-toggle="tab">
                                BBB
                            </a>
                        </li>
                        <li>
                            <a class="nav-link" href="#CCC" data-toggle="tab">
                                CCC
                            </a>
                        </li>
                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" data-toggle="dropdown" id="DDL" href="#DDL">
                        Menu
                      </a>
                      <ul class="dropdown-menu">
                            <li>
                           <a class="dropdown-item" href="#News">
                              News
                           </a>
                      </li>
                    </ul>
                </div>       
            </div>
        </div>
    </div>
</div>

Answer 1

Вы не хотите, чтобы href="..." был установлен на элемент, который не существует (#DDL).Просто удалите его, и он найдет следующий dropdown-menu.

       <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="">
                    Menu
                  </a>
                    <ul class="dropdown-menu">
                        <li>
                            <a class="dropdown-item" href="#News">
                          News
                       </a>
                        </li>
                    </ul>
       </li>

https://www.codeply.com/go/nbXb8ipmxl