C-Sharp | Java | Python | Swift | GO | WPF | Ruby | Scala | F# | JavaScript | SQL | PHP | Angular | HTML
Angular 7 with BootstrapHow to install Bootstrap for Angular project?Run the following command on command prompt: npm install --save bootstrap@3 => The @3 is important! ![]() Further, when you use a project created with Angular CLI 6+ (check via ng v ), you'll have an angular.json file instead of an .angular-cli.json file. In that file, you still need to add Bootstrap to the styles[] array, but the path should be node_modules/bootstrap/dist/css/bootstrap.min.css , NOT ../node_modules/bootstrap/dist/css/bootstrap.min.css . The leading ../ must not be included. ![]() Here, we are using the Angular 7.2.3 version. How to add bootstrap.css file in the project?Expand Node Module (library root folder) ![]() Go to bootstrap folder and expand it. ![]() Go to dist folder and expand dist. ![]() Expand css and you will find "bootstrap.css". Expand bootstrap.css and you will see bootstrap.min.css ![]() Open angular.json file and add the bootstrap.min.css in style section. "styles": [ "node_modules/bootstrap/dist/css/bootstrap.min.css", "src/styles.css" ], Bootstrap is now installed for your Angular 7 project. You can use it now.
Next TopicAngular 7 All CLI commands
|