【问题标题】:Bootsrap classes are not working in AngularBootstrap 类在 Angular 中不起作用
【发布时间】:2020-02-11 16:31:06
【问题描述】:

我已经下载并导入了 angular.json 文件中的 bootstrap,网页上也导入了同样的内容,但 bootstrap 类不起作用。

使用:npm install --save bootstrap@3,

通过

导入到 Angular 中
"styles": [
          "node_modules/bootstrap/dist/css/bootstrap.min.css"
          ]

网页还在 style 标签中显示 bootstrap 的导入,但仍然无法正常工作。

还有什么需要做的?

【问题讨论】:

    标签: angular twitter-bootstrap


    【解决方案1】:

    搜索stackoverflow,有你的问题的精彩答案如:Check Here 从您谈论 angular.json 的事实来看,我得出的结论是您使用的是 Angular 6 或更新版本。

    您需要在 angular.json 的构建部分中引用它。

    "architect": {
        "build": {
         ...
            "styles": [
              "src/styles.scss",
              "node_modules/bootstrap/dist/css/bootstrap.min.css"
            ],
            ...
          }
    

    【讨论】:

    • 嗨,是的,我正在使用 angular.json,这是代码“styles”:[“src/styles.css”,“node_modules/bootstrap/dist/css/bootstrap.min.css” ],“脚本”:[“node_modules/jquery/dist/jquery.min.js”,“node_modules/bootstrap/dist/js/bootstrap.min.js”]
    • 你能与你的设置分享一个 stackblitz 链接吗?
    • stackoverflow.com/a/54709408/9377382 在这个选项 1 中工作,一起安装了 jquery 和 bootstrap。
    • 您似乎正在使用依赖于 jquery 的引导组件,并且样式是动态添加的。这样是的,你需要引用 jquery。
    • 是的,似乎是这样,引导按钮样式类有效,但其他 jquery 依赖于导航栏等组件不起作用。因此,将两者安装在一起后,它可以完美运行。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-11-25
    • 2021-05-05
    • 1970-01-01
    • 2020-11-28
    • 1970-01-01
    • 2016-01-18
    • 2020-02-29
    相关资源
    最近更新 更多