没有样式应用于 angular-2-dropdown-multiselect

Question

我将 angular-2-dropdown-multiselect 与我的 Angular 项目一起使用 Angular CLI。

我能够在我的项目中使用它，但由于某种原因没有应用任何样式。我已经安装了 bootstrap 3 和 FontAwesome，因为文档声称它们是依赖项。

更新

请注意，更新 bootstrap 对我来说不是一个选项，因为项目非常大，其余布局基于 bootstrap3

谁能帮我弄清楚这是怎么回事？

Here is a demo of the issue

Answer 1

您需要正确设置您的路径，否则它将无法工作并将您的 boostrap 更新到最新版本它会工作检查你的例子我已经编辑 https://stackblitz.com/edit/angular-xyg8hy

"styles": [
              "src/styles.css",
              "./node_modules/bootstrap/dist/css/bootstrap.min.css",
              "./node_modules/font-awesome/css/font-awesome.css"
            ],

Answer 2

我在这里更新了你的 stackblitz 我在 index.html 文件中添加了 bootstrap https://stackblitz.com/edit/angular-h3jrnu

效果很好

<html>
<head>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
</head>
<body>
    <my-app>loading</my-app>
</body>

如果你不使用 bootstrap 4 使用这个

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

编辑：-

注：- angular-2-dropdown-multiselect 仅使用 bootstrap 4。看截图，

截图，

编辑2：- index.html

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

Answer 3

查看 angular-2-dropdown-multiselect 的 releases 我注意到 Boostrap 4 支持是在 1.7 版中引入的。

我尝试降级到 1.6.3 版并修复了样式问题。所以我猜文档中关于最新版本对 bootstrap 3 的支持是错误的。

没有样式应用于 angular-2-dropdown-multiselect

No styles applied to angular-2-dropdown-multiselect

css

angular

angular6