Bootstrap styles not loading in angular 10

Question

I am working on a project where I am using angular 10 and trying to use Bootstrap library, but the issue is BootStrap styles are not loading.

In package.json I can see bootstrap dependency there.

"bootstrap": "^3.4.1",

I tried to debug in every possible way but not able to figure out yet as I am new to Bootstrap.

Don't want to see my button like this.

Any help would be highly appreciated.

Answer 1

When using bootstrap in angular there are several ways of adding it in. The most effective approach for me is to run ng add @ng-bootstrap/ng-bootstrap in the root of your project which will add required data in your angular.json and your package.json.

I should note that you have to have Angular Cli version greater than 9.