Question

我在Angular CLI的Angular项目中使用angular-2-dropdown-multiselect。

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

更新

请注意，对于我来说，更新引导程序是不可行的，因为该项目相当大，其余布局基于bootstrap3

有人可以帮我弄清楚发生什么事吗？

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

这里iam更新了您的stackblitz iam在index.html文件中添加了引导程序 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>

如果您不使用引导程序4，请使用

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

编辑：-

注意：- angular-2-dropdown-multiselect仅使用引导程序4。查看屏幕截图，

屏幕截图

Edit2：- 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，我注意到1.7版本引入了Boostrap 4支持。

我尝试降级到1.6.3版，并解决了样式问题。因此，我猜该文档在最新版本的Bootstrap 3支持方面是错误的。

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

3 个答案: