[Fixed] Bootstrap styles not loading in angular 10

Issue

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.

Currently, the button is looking like this

Any help would be highly appreciated.

Solution

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.

Leave a Reply

(*) Required, Your email will not be published