【问题标题】:Bootstrap 5 dropdown doesn't open using Angular13 [duplicate]使用 Angular13 无法打开 Bootstrap 5 下拉菜单 [重复]
【发布时间】:2022-02-11 21:28:16
【问题描述】:

大家好,我正在开发一个 Angular 项目并使用 bootstrap 5。我想实现一个下拉多选,但不幸的是下拉菜单没有扩展。

我正在关注这个例子:Creating Multi-Select Dropdown with Angular and Bootstrap 5

我创建了一个 stackblitz 示例:https://stackblitz.com/edit/github-va1hpx?

希望有人能提供帮助。

【问题讨论】:

    标签: angular twitter-bootstrap bootstrap-5


    【解决方案1】:

    已修复

    问题是在示例中使用了 bootstrap5 的 alpha 版本,而我使用的是 5.1.3。 在那段时间,引导程序对应该将哪些类添加到按钮等方面进行了一些更改。 所以你应该写

    这个:

     <button class="btn dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-haspopup="true"
    

    而不是这个:

     <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true"
    

    其他 html 元素也应该获得特定的类,例如边距类

    ms-1 ms-2 ....
    

    在输入元素上

    所以在我的情况下,添加不是问题

    jQuery.js or popper.js
    

    致我的angular.json,就像其他帖子中提到的那样:https://stackoverflow.com/search?tab=Relevance&pagesize=30&q=popper.js%20bootstrap&s=144706d6-c9be-4120-b105-c37f2b848352

    这只是默认的 bootstrap5 类。

    【讨论】:

      猜你喜欢
      • 2017-12-01
      • 2019-02-03
      • 2021-10-09
      • 2018-12-23
      • 2018-01-31
      • 2018-08-03
      • 2016-06-26
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多