Bootstrap Integration - Angular 6 / Angular 7

Posted at: December 15, 2018 3:54 PM

Integrate bootstrap 4.x in Angular 6 or 7.


Go to download section on bootstrap website and see "Install Bootstrap in your Node.js powered apps with the npm package" Run this command on your angular app.


Go to node_modules directory and and see bootstrap directory. Its contain css and js file.


Download latest jquery library from this Upload this file in folder node_modules/bootstrap/dist/js

Now edit angular.json file for adding css and js. This file is available in your project root folder.

Add bootstrap.min.css in side architect->build->options: "styles"object


Add bootstrap.min.js in architect->build->options: "scripts"object


angular.json file.

Speed Up Your Magento Store by 300%

You can watch video on Bootstrap Integration - Angular 6 / Angular 7


Please click below YouTube button for subscribe my channel truecodex for latest videos.

Angular Project Login - username: admin and password: admin

Angular 6/7 Tutorial in Hindi

Angular 7 is a JavaScript based framework for building web applications and apps in JavaScript, html, and TypeScript, which is a superset of JavaScript, used to create Single Page Applications. provides video tutorial for enough understanding of all the necessary components of Angular 6 and Angular 7. will keep uploading videos of the latest features of Angular. Please subscribe my channel for latest videos.

Please leave comments


truecodex launched free android app. You can download and install truecodex app on your mobile and get notification of the latest post.

Video Tutorials on YouTube