angular-cli下使用bootstrap
2017-02-13 14:15
288 查看
1.只使用bootstrap.css
在angular-cli.json中配置:"styles": [ "styles.scss", "../node_modules/bootstrap/dist/css/bootstrap.min.css" ],
2.使用bootstrap.js
首先需要安装ng-bootstrap与bootstrap模块npm install ng2-bootstrap bootstrap --save
然后在app.module.ts中加入:
import { AlertModule } from 'ng2-bootstrap'; ... @NgModule({ ... imports: [AlertModule.forRoot(), ... ], ... })
完成后重启一下ng server即可。
这里我按照教程处理后发现不管用,然后查了一下我的package.json,发现dependencies与devDependencies中bootstrap版本不同导致的。
相关文章推荐
- angular 2 cli 下使用 ng-bootstrap
- angular-cli 使用 bootstrap_angular 4.0 怎样使用 bootstrap
- 使用angular.bootstrap完成模块的手动加载
- 使用angularjs ui-bootstrap遇到的问题
- angular中使用bootstrap-multiselect设置单选选中
- vue-cli+webpack在生成的项目中使用bootstrap方法(二)
- vue-cli+webpack在生成的项目中使用bootstrap实例代码
- (六)使用angular.bootstrap完成模块的手动加载
- 使用angular-cli构建angular2项目时遇到的问题及解决方案
- 使用Angular 4、Bootstrap 4、TypeScript和ASP.NET Core开发的Apworks框架案例应用
- 使用Angular 4、Bootstrap 4、TypeScript和ASP.NET Core开发的Apworks框架案例应用:Task List
- 使用npm安装vue脚手架cli或者angular-cli时出错的解决方法
- angular使用bootstrap方法手动启动
- Angular -ui - BootStrap组件的解释以及使用
- @angular/cli 工程中使用scss文件
- Angular-Cli+nginx使用gzip static再次加快应用访问速度!!!
- 使用angular.bootstrap完成模块的手动加载
- AngularJS使用angular.bootstrap完成模块手动加载的方法分析
- 在angular-cli项目中使用Scss和Pug(Jade)模板引擎
- Angular2使用Angular-CLI快速搭建工程(二)