Не работает dropdown елемент в navbar (mdbootstrap)

Question

Подключил бутстрап в проект через данный туториал:https://mdbootstrap.com/docs/a... tallation/

angular.json:

"styles": [
          "node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss",
          "node_modules/@fortawesome/fontawesome-free/scss/solid.scss",
          "node_modules/@fortawesome/fontawesome-free/scss/regular.scss",
          "node_modules/@fortawesome/fontawesome-free/scss/brands.scss",
          "node_modules/angular-bootstrap-md/assets/scss/bootstrap/bootstrap.scss",
          "node_modules/angular-bootstrap-md/assets/scss/mdb.scss",
          "node_modules/animate.css/animate.css",
          "src/styles.css"
        ],
        "scripts": [
          "node_modules/chart.js/dist/Chart.js",
          "node_modules/hammerjs/hammer.min.js",
          "node_modules/popper.js/dist/umd/popper.min.js",
          "node_modules/jquery/dist/jquery.min.js",
          "node_modules/bootstrap/dist/js/bootstrap.min.js"
        ]

app.module.ts:

import { MDBBootstrapModule } from 'angular-bootstrap-md';
@NgModule({
imports: [
    MDBBootstrapModule.forRoot()
]
});

пример с их сайта:

<ul
    class="dropdown-menu dropdown-menu-end"
    aria-labelledby="navbarDropdownMenuLink"
  >
    <li>
      <a class="dropdown-item" href="#">My profile</a>
    </li>
    <li>
      <a class="dropdown-item" href="#">Settings</a>
    </li>
    <li>
      <a class="dropdown-item" href="#">Logout</a>
    </li>
  </ul>
  ...

На их сайте выглядит следующим образом и если нажать на аватар юзера выпадает меню: но по факту результат следующий и меню не выпадает если нажать на аватар:

БЛОГ НА HUSL

Не работает dropdown елемент в navbar (mdbootstrap)

Ответы (0 шт):