在 Angular 项目中安装 Bootstrap

Question

Good morning,

I'm a WEB Developer trainee and I'm at 5 months of training. I have to install Bootstrap in a web interface project created with Angular. Project that will run locally, on a server and therefore no connection to the internet and no use of CDN (content delivery network). I use npm and I installed Bootstrap 4.4.1, it appears in the file "package.json" and I completed the file "angular.json" at the "style" level.

Translated with www.DeepL.com/Translator (free version), because I'm French and like many of my compatriots, my accent is... Anyway... :)

Answer 1

you can install bootstrap in angular using npm install bootstrap command.

you can read a full blog about how to install & setup bootstrap in angular, here click to full blog about this

Answer 2

Try adding this in your css file (after installing bootstrap via npm i bootstrap ) Dont forget ~ before bootstrap.

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

Answer 3

1. use This command line: ng add @ng-bootstrap/ng-bootstrap

2. Check in your package.jSon in the dependencies section if the 'bootstrap' appears. So you can use bootstrap in your project.

3. Con't forget to restart your server with ng serve command this way works well for me. package.json Exemple