Bootstrap installation verified but still unable to load in Angular 13 component

Question

Not able to load Bootstrap to one of component in new Angular 13 Project.

angular.json file has below lines already added:

"styles": [
              "src/styles.css",
              "./node_modules/bootstrap/dist/css/bootstrap.min.css"
              ],

I verified that I have bootstrap installed at above location.
I installed bootstrap using below node command: npm install bootstrap@3

Issue solved now, I did: ctrl+c : stop terminal. ng serve --open It restarted the app and things worked well afterwards. — Smriti Bhawana
– Smriti Bhawana, Commented Jun 2, 2023 at 19:08

bvdb · Accepted Answer · 2023-06-02 23:00:10Z

0

Your setup looks fine. I usually also install @ng-bootstrap/bootstrap, to use bootstrap modals.

The documentation mentions this compatibility table, but these are really just guidelines.

I've been using the following versions with Angular 14.0.6, without any issues at all. So, I'm pretty sure that you could use them with Angular 13 as well.

"@ng-bootstrap/ng-bootstrap": "^6.2.0",
"bootstrap": "^4.4.1",

And as you mentioned, I have in the angular.json

"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css",
  "src/styles.css"
],

answered Jun 2, 2023 at 23:00

bvdb

25.2k11 gold badges123 silver badges135 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

carloswm85 Over a year ago

Is it necessary to install additional JS files when using Angular 14 with Bootstrap 3.3.7?

Collectives™ on Stack Overflow

Bootstrap installation verified but still unable to load in Angular 13 component

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related