我无法将bootstrap包含到我的角度应用程序中

Question

I have included bootstrap-beta npm package and styles.css page i have included the below code.
 @import '~bootstrap/css/bootstrap.min.css'; and in angular-cli.json page 
{
  "apps": [{
    "styles": [
     "../node_modules/bootstrap/css/bootstrap.min.css",
  "styles.css"
    ]
  }]
}
but it showing cannot find files. any body help me to get resolve this problem. Below is my Code URL 

  

https://stackblitz.com/edit/angular-bootstrap-ex-fv3rm4

Answer 1

正如我的评论中所提到的，您需要使用以下路径：

../node_modules/bootstrap-beta/dist/css/bootstrap.min.css

这是一个有效的stackblitz，感谢@ br.julien关于让它在Stackblitz中运行的提示

https://stackblitz.com/edit/angular-bootstrap-ex-fxyg5b

Answer 2

实际上，您不需要在angular-cli.json中使用node_modules路径。

您可以直接将styles.css中的boostrap引用导入为

@import '~bootstrap-beta/dist/css/bootstrap.min.css';

然后在angular-cli.json

中添加styles.css

{
  "apps": [{
    "styles": ["styles.css"]
  }]
}

<强> DEMO