From bbd14dafb5ce9d1281a35681e185e3be2397b898 Mon Sep 17 00:00:00 2001 From: guidoffm Date: Thu, 6 Oct 2016 11:31:49 +0200 Subject: [PATCH] chore(docs): Updated documentation for adding bootstrap with ng-cli (#1085) * improved angular-cli doc * Update ng-cli.md Fixed error * chore(docs): better to use BS 3 for now --- docs/getting-started/ng-cli.md | 23 +++++++++++++---------- 1 file changed, 13 insertions(+), 10 deletions(-) diff --git a/docs/getting-started/ng-cli.md b/docs/getting-started/ng-cli.md index 4a76757f59..549b3584bb 100644 --- a/docs/getting-started/ng-cli.md +++ b/docs/getting-started/ng-cli.md @@ -15,12 +15,14 @@ ng serve #### Adding ng2-bootstrap - - install `ng2-bootstrap` + - install `ng2-bootstrap` and `bootstrap` + ```bash - npm install ng2-bootstrap --save + npm install ng2-bootstrap bootstrap --save ``` - open `src/app/app.module.ts` and add + ```typescript import { AlertModule } from 'ng2-bootstrap/ng2-bootstrap'; ... @@ -32,15 +34,16 @@ import { AlertModule } from 'ng2-bootstrap/ng2-bootstrap'; }) ``` +- open `angular-cli.json` and insert a new entry into the styles array + +```json + "styles": [ + "styles.css", + "../node_modules/bootstrap/dist/css/bootstrap.min.css" + ], +``` + - open `src/app/app.component.html` and add ``` hello ``` - -- and last thing you need is css, open `src/index.html` and add link to Bootstrap css -```html - - ... - - -```