Boostrap css不起作用

Question

我安装了npm install bootstrap --save 并将（下面）添加到index.html，但样式不会改变。

<link rel="stylesheet" 
href="node_modules/bootstrap/dist/css/bootstrap.min.css">

我的代码（在其他文件中）：

<button type="submit" class="btn btn-default">Submit</button>

只有当我将这个（下面）添加到index.html时，所有工作都有效但第一个网站的负载非常慢：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

更新:(更多详情）

文件bootstrap.min.css确实存在，但控制台说它无法找到它。

文件夹结构： 主文件夹是ang2project，里面有node_modules文件夹和包含index.html的src文件夹

-angular2_projects
   -node_modules
          -bootstrap
              -dist
                 -css
                    bootstrap.min.css
   -src
          -index.html