bootstrap.css不会显示在浏览器中

我正在使用这个教程build立一个angular2和吞咽的项目。 http://blog.codeleak.pl/2016/03/quickstart-angular2-with-typescript-and.html

我做的唯一的改变是我添加了引导到package.json,但它不显示在浏览器中。 它显示在IDE的我的项目中的node_modules和lib文件夹中。 但是,如果我使用引导类,它们不会被应用。 bootstrap.min.css文件也不显示在浏览器中。

我添加了关于bootstrap的2行到我的gulp文件

gulp.task("libs", () => { return gulp.src([ 'es6-shim/es6-shim.min.js', 'systemjs/dist/system-polyfills.js', 'systemjs/dist/system.src.js', 'reflect-metadata/Reflect.js', 'rxjs/**', 'zone.js/dist/**', '@angular/**', 'bootstrap/dist/js/bootstrap.min.js', 'bootstrap/dist/css/bootstrap.min.css' ], {cwd: "node_modules/**"}) /* Glob required here. */ .pipe(gulp.dest("build/lib")); }); 

我在index.html中添加了这一行来包含它

  <link rel="stylesheet" type="text/css" src="lib/bootstrap/dist/css/bootstrap.min.css"> 

这是我的项目结构

项目结构

编辑:只是为了澄清,我看到bootstrap.css文件复制在IDE的lib文件夹中,但我没有看到它在浏览器中。 从Chrome开发工具看下面的截图

chrome开发工具的屏幕截图

任何线索,我可能会失踪? Github回购 – https://github.com/richa008/Angular-starter-app-with-gulp

这应该导入所有相关的文件和目录:

  gulp.task("libs", () => { return gulp.src([ 'es6-shim/es6-shim.min.js', 'systemjs/dist/system-polyfills.js', 'systemjs/dist/system.src.js', 'reflect-metadata/Reflect.js', 'rxjs/**', 'zone.js/dist/**', '@angular/**', 'bootstrap/dist/**/*.+(js|css.map|css|eot|svg|ttf|woff|woff2)' ], { cwd: "node_modules/**" }) /* Glob required here. */ .pipe(gulp.dest("build/lib")); }); 
Interesting Posts