我试图使用Bootstrap 5.1.3尝试在导航栏中添加下拉菜单

发布于 2025-02-11 01:50:24 字数 603 浏览 0 评论 0原文

我遇到了试图使用Bootstrap实现下拉菜单的问题，所有链接显示出与我无效的相同结果，我有以下代码，如前所述，我正在使用Bootstrap 5.1.3，

<div class="dropdown">
   <button type="button" class="nav-link text-white bg-dark align-right border-0 dropdown-toggle" id="navbarDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                  Dropdown button
   </button>

   <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
      <li><a href="dropdown-item" (click)="logOut()">log out</a></li>
   </ul>
</div>

结果显示了结果。 “下拉按钮”没有注销按钮，但是当我单击时，它不会打开下拉菜单

原文

i'm running into issues trying to implement a dropdown menu using bootstrap, all the links show the same result which isn't working for me, i have the following code and as mentioned i'm using bootstrap 5.1.3

<div class="dropdown">
   <button type="button" class="nav-link text-white bg-dark align-right border-0 dropdown-toggle" id="navbarDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                  Dropdown button
   </button>

   <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
      <li><a href="dropdown-item" (click)="logOut()">log out</a></li>
   </ul>
</div>

the result shows the "Dropdown button" without the log out button, however it doesn't open up the drop down menu as i click on it

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

远昼 2025-02-18 01:50:24

您是否尝试在Angular中添加JS

。

"styles": [
              "node_modules/@fortawesome/fontawesome-free/css/all.min.css",
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "src/assets/params/css/fonts.googleapis.min.css",
              "src/styles.css"
            ],
            "scripts": [
              "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
            ]

Did you try to add the js in angular.json , I think this problem comme from the js

Angular.json:

"styles": [
              "node_modules/@fortawesome/fontawesome-free/css/all.min.css",
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "src/assets/params/css/fonts.googleapis.min.css",
              "src/styles.css"
            ],
            "scripts": [
              "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
            ]

回复收藏 0 原文

~没有更多了~