Question

我在angular-cli.json - 样式中添加了bootstrap css。不将引导程序样式应用于我的项目。我在package.json中添加并执行了npm install。如何解决这个问题？

角cli.json

        "styles": [
            "styles.css",
            "../node_modules/bootstrap/dist/css/bootstrap.css"
        ]

的package.json

 "dependencies": {
    "bootstrap": "^4.0.0-beta.2"
 }

Answer 1

无需更新或重新安装引导程序，只需按照下面提到的步骤进行操作即可
在styles数组中打开angular-cli.json并指定引导程序的路径，如下所示：

Angular-cli.json：
```
"styles": [
    "./node_modules/bootstrap/dist/css/bootstrap.min.css",
    "styles.css"
],
```

打开您的style.css并将其粘贴在顶部：

@import url("../node_modules/bootstrap/dist/css/bootstrap.min.css")

Answer 2

在你的style.css中添加以下代码行，让我们知道。

@import url("../node_modules/bootstrap/dist/css/bootstrap.min.css")

同时检查以下行

@import url("./node_modules/bootstrap/dist/css/bootstrap.min.css")

希望它会有所帮助。

Answer 3

我遇到了同样的问题。我试图找出问题但没有结果。我使用

安装了bootstrap

npm install --save bootstrap

安装了最新的bootstrap即ver 4，所以我从node_modules文件夹中删除了已安装的bootstrap，并将packag.json文件中的更新依赖项更新为早期版本

"bootstrap" : "^3.3.7"

然后跑

npm intstall

将角度样式数组中的bootstrap文件路径指定为

"styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "styles.css"
      ],

它运作良好。

Answer 4

在样式：[]

下粘贴.angular-cli.json中的以下代码行

“../ node_modules /引导/ DIST / CSS / bootstrap.css”

Answer 5

逐步：

在应用目录内的终端中运行：
```
npm install --save bootstrap 
```
打开angular.json并搜索样式。在数组的开头，将路径粘贴到您的bootstrap.min.css文件中

应如下所示：
```
"styles": [
          "../node_modules/bootstrap/dist/css/bootstrap.min.css",
          "styles.css"
        ],
```

打开您的style.css并将其粘贴到顶部：

@import url("../node_modules/bootstrap/dist/css/bootstrap.min.css")

重新启动服务器

Answer 6

angular.json文件中有两种样式声明。一个在“构建器”部分中，另一个在测试的“构建器”部分中。确保将其放在正确的部分。

"builder" : {
 .....
     "styles" : [                  // It should go here. Around line no. 27
          "src/styles.css",
          "node_modules/bootstrap/dist/css/bootstrap.min.css"
        ],
 .....
},
"test": {              
 .....
     "styles" : [                  // Not here!
          "src/styles.css",
        ],
 .....
}

Answer 7

中的angular-cli.json内部的

"styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "styles.css"
      ],

Bootstrap样式不适用于我的angular 2项目

7 个答案: