ng-bootstrap not working in angular 4

Question

I am new with angular 4, I am trying to configure bootstrap. I installed ng-bootstrap:

https://ng-bootstrap.github.io/#/getting-started

I did all like on the pag

Answer 1

In the page you mentioned, ng-bootstrap mentions bootstrap CSS as a dependency. So that's loaded separately.

If you are using Angular CLI to create your application, you can follow this official guide to add it,

Update:

As mentioned in the comment, adding the CSS to styles in .angular-cli.json (or any other changes to this file) will require you to restart your ng serve or ng build --watch if you have either already running.

Update 2 (Current Recommended Approach):

For Angular 6 and higher you can use this solution.

Go to styles.css and add this line

@import "~bootstrap/dist/css/bootstrap.css";

See also how this works under the hood:

https://blog.angularindepth.com/this-is-how-angular-cli-webpack-delivers-your-css-styles-to-the-client-d4adf15c4975