Меню Dynami c блокируется в Thymeleaf из-за bootstrap css

Question

Я реализовал меню Dynami c на основе значений базы данных, все работает нормально, но как только включается bootstrap css, загружается только группа меню, ни один из пунктов меню не загружается. в консоли нет ошибок

<div class="col-sm-12">
                            <nav class="navbar navbar-expand-lg navbar-light">

                                <button class="navbar-toggler" type="button"
                                    data-toggle="collapse" data-target="#navbarSupportedContent"
                                    aria-controls="navbarSupportedContent" aria-expanded="false"
                                    aria-label="Toggle navigation">
                                    <span class="navbar-toggler-icon"></span>
                                </button>

                                <div class="collapse navbar-collapse"
                                    id="navbarSupportedContent">

                                    <div th:each="menuGroup : ${authorizedMenuGroups}">
                                        <div th:id="${menuGroup.menuKey}" class="dropdown">
                                            <button class="dropbtn" th:key="${menuGroup.menuKey}"
                                                th:onclick="displayDynamicReports(this.getAttribute('key'))">
                                                <span th:text="${menuGroup.menuName}"></span> <i
                                                    class="fa fa-caret-down"></i>
                                            </button>
                                            <div class="dropdown-content">
                                                <a th:each="menuItem : ${menuGroup.menuItems}"
                                                    th:href="${menuItem.report.reportUrl}"
                                                    th:text="${menuItem.menuItemName}" target="_blank"></a> <a
                                                    th:each="menuItem : ${menuGroup.menuItems}"
                                                    th:key="${menuItem.report.reportName}"
                                                    th:onclick="displayReports(this.getAttribute('key'))"
                                                    th:text="${menuItem.menuItemName}"></a>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                            </nav>
                        </div>

Я включаю, как показано ниже

<link th:href="@{https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css}" rel="stylesheet">

Я сомневаюсь, что это может быть вызвано конфликтом javascript или css. Подскажите пожалуйста как можно отладить.