【问题标题】:Using Boostrap 4 with Angular 4 while none of the Bootstrap Components (like label and header) are working将 Bootstrap 4 与 Angular 4 一起使用,而所有 Bootstrap 组件(如标签和标题)都不起作用
【发布时间】:2017-10-16 08:45:42
【问题描述】:

早安开发者。

我正在为我的大学课程开发一个 Angular 4 应用程序。我尝试将 Bootstrap 4 与它一起使用,并且由于正确导入的 CSS 文件,CSS 类正在工作,但任何需要 jquery 的东西似乎都不起作用。

我已尝试在我的 HTML 文件中使用此引导标签。

<h3>Example heading <span class="label label-default">New</span></h3>

但是,由于 CSS 文件,它只是显示为一个常规标签,稍微向一边切换,而不是像下面显示的引导标签的行为那样弹出窗口: https://getbootstrap.com/docs/3.3/components/#labels

为了安装 bootstrap,我使用了 npm 命令来安装 jquery、popper 和 bootstrap。如图所示,我还链接了 angular-cli.json 文件中的脚本。 Jquery、Bootstrap 和 Popper 安装在最新版本中。relevant part of my angular-cli.json file

我尝试使用最小版本的脚本文件,但没有帮助。 我自己找不到原因,请分享您的见解。

【问题讨论】:

标签: twitter-bootstrap angular


【解决方案1】:

你是否在angular-cli.json文件中导入了安装好的bootstrap、popper和jquery?

请按以下顺序导入:

  1. jquery
  2. 波普尔
  3. 引导程序

【讨论】:

    猜你喜欢
    • 2018-05-06
    • 1970-01-01
    • 2019-12-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-11-27
    • 1970-01-01
    • 2018-02-12
    相关资源
    最近更新 更多